fluentcms-button 3.0

fluentcms-button

在文本中显示Bootstrap 3 按钮。

此按钮可用于导航，例如在文本块末尾。

这些按钮不能用于表单。

安装

首先安装模块，最好在虚拟环境中安装。它可以从PyPI安装

pip install fluentcms-button

首先确保项目已配置为django-fluent-contents。

然后添加以下设置

INSTALLED_APPS += (
    'fluentcms_button',
)

FLUENT_CONTENTS_PLACEHOLDER_CONFIG = {
    'slot name': {
        'plugins': ('ButtonPlugin', ...),
    },
}

之后可以创建数据库表

./manage.py migrate

前端样式

按钮使用Bootstrap指定的HTML进行渲染

<a class="btn btn-default" href="#" role="button">Link</a>

标准的Bootstrap 3 CSS将为此提供合理的样式，这可以覆盖或替换自己的CSS文件。Bootstrap 3提供的默认值是：https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_buttons.scss

当您使用Sass时，也可以覆盖Sass变量。

配置

当需要时，可以覆盖以下设置

from django.utils.translation import pgettext_lazy

FLUENTCMS_BUTTON_STYLES = (
    ('btn-default', pgettext_lazy("button-style", u"Default")),
    ('btn-primary', pgettext_lazy("button-style", u"Primary")),
    ('btn-success', pgettext_lazy("button-style", u"Success")),
    ('btn-info', pgettext_lazy("button-style", u"Info")),
    ('btn-warning', pgettext_lazy("button-style", u"Warning")),
    ('btn-danger', pgettext_lazy("button-style", u"Danger")),
    ('btn-link', pgettext_lazy("button-style", u"Link")),
)

FLUENTCMS_BUTTON_SIZES = (
    ('', pgettext_lazy("button-size", u"Default")),
    ('btn-lg', pgettext_lazy("button-size", u"Large")),
    ('btn-sm', pgettext_lazy("button-size", u"Small")),
    ('btn-xs', pgettext_lazy("button-size", u"Extra Small")),
)

默认情况下，使用标准的Bootstrap按钮类。当项目使用其他类进行按钮时，可以重新定义这些类。