自定义工具栏

编辑本页

自定义工具栏

内置工具栏

CKEditor提供了三个不同的包,它们有自己的配置(完整、标准和基本)。该包随完整版一起发布,但您可以通过使用完整的,标准基本关键字作为工具栏。你可以在你的配置中全局配置它:

1 2 3 4 5
#配置/包/ fos_ck_editor.yamlfos_ck_editor:配置:my_config:工具栏:完整的

或者你可以配置你的小部件:

1 2 3
构建器->add (“字段”,“ckeditor”,数组“配置”= >数组“工具栏”= >“全部”)));

自定义工具栏

在配置中构建工具栏,特别是在小部件中构建工具栏真的很痛苦。每次,你想要一个自定义的,你需要重新定义所有的结构。为了避免这种重复,bundle允许您定义自己的工具栏,或者在单独的节点中覆盖内置的工具栏并重用它们。此功能仅在您的配置中可用。

12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
#配置/包/ fos_ck_editor.yamlfos_ck_editor:配置:my_config_1:工具栏:“my_toolbar_1”用户界面颜色:“000000 #”#……my_config_2:工具栏:“my_toolbar_2”用户界面颜色:“# ffffff”#……my_config_2:工具栏:“my_toolbar_1”用户界面颜色:“# cccccc”工具栏:配置:my_toolbar_1:“源”,“-”,“保存”),“/”,“锚”),“/”,“最大化”my_toolbar_2:“源”),“/”,“锚”),“/”,“最大化”

在这里,我们看到了工具栏的结构。工具栏是工具栏(条)的数组,每个条也是一个数组,包含一个UI项列表。要做一个回车,你只需要添加char/条之间。它依赖于与CKEditor本身完全相同的结构。

使用工具栏节点更好,但配置仍然不完善,因为工具栏项中仍然有代码重复。为了避免这部分,您可以在单独的节点中定义一组项,然后通过在它们前面加上@

12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
fos_ck_editor:配置:my_config_1:工具栏:“my_toolbar_1”用户界面颜色:“000000 #”#……my_config_2:工具栏:“my_toolbar_2”用户界面颜色:“# ffffff”#……工具栏:配置:my_toolbar_1:“@document”,“/”,“@link”,“/”,“@tool”my_toolbar_2:“@document”,“/”,“@tool”项目:文档:“源”,“-”,“保存”链接:“锚”工具:“最大化”

内置配置(完整,标准,基本)也使用项,所以如果你只想覆盖配置的一部分,只需覆盖它:

1 2 3 4 5 6 7 8
fos_ck_editor:配置:my_config:工具栏:“全部”工具栏:项目:full.colors:“输入TextColor”,“背景”full.document:“源”,“-”,“预览”,“打印”

请注意

如果您想要内置项的完整列表,请检查' FOS\CKEditorBundle\Config\CKEditorConfiguration '类。

此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。