Question

我对我的Symfony4项目使用FOSCKEditorBundle。安装过程进行顺利。像工具栏等基本配置也不错。但是我试图将自定义样式应用于某些html元素。这似乎行不通。也许我做错了事...

这是我的配置：

fos_ck_editor:
input_sync: true
default_config: base_config
auto_inline: false

# Defines the different configs to apply them to the form fields
configs:
    minimal_config:
        toolbar: 'minimal_toolbar'
        stylesSet: 'uikit'
    base_config:
        toolbar: 'base_toolbar'
        stylesSet: 'uikit'
    advanced_config:
        toolbar: 'advanced_toolbar'
        stylesSet: 'uikit'

 # Defines the different toolbars to reuse them for the different configs
toolbars:
    configs:
        minimal_toolbar: ['@styles']
        base_toolbar: ['@styles', '@link', '@lists']
        advanced_toolbar: ['@styles', '@link', '@lists', '@indention', '@specials']
    items:
        styles: ['Bold', 'Italic']
        link: ['Link', 'Unlink']
        lists: ['BulletedList']
        indention: ['Indent', 'Outdent']
        specials: ['Table', 'Source', 'Format']

# Defines the custom styles for uikit
styles:
    uikit:
        - { name: "CSS Style", element: "table", attributes: { class: "uk-table" }}
        - { name: "CSS Style", element: "table", attributes: { border: "0" }}

也许有人遇到了同样的问题，可以为我提供帮助。还是谢谢你！

Answer 1

您写道：

这似乎不起作用

您确定它不起作用吗？来自CKEditor4 official documentation：

如果您为诸如表或图像之类的对象添加了一些自定义样式定义，则需要首先选择这些对象，然后才能应用样式。对象样式仅显示在“样式”下拉列表中，并且可以在编辑器中选择元素之后应用，如下表中选择表格时所示。

请注意，您的配置中有两次CSS Style名称。如果您想在CSS Style条目上应用两个属性，建议您编写

- { name: "CSS Style", element: "table", attributes: { class: "uk-table", border: "0" }}

FOSCKEditorBundle样式不适用

1 个答案: