CKEditor 自定义样式集覆盖默认值

Question

我正在测试添加自定义样式集。所以在我的代码中，我添加了以下内容(每 instructions 中)

CKEDITOR.stylesSet.add('custom_style', [
  { name: 'No UL Bullets', element: 'ul', styles: { 'list-style-type': 'none' } },
  { name: 'My Custom Inline', element: 'span', attributes: { 'class': 'mine' } }
]);

oEditor.config.stylesSet = 'custom_style';

问题在于它覆盖了 CK​​Editor 附带的其余默认样式。我似乎无法弄清楚如何将我的新样式附加到现有的一次。有什么想法吗？

Answer 1

您不需要更改config.stylesSet将您的样式附加到默认样式的选项。您可以编辑 styles.js文件，从中添加和删除样式。它是一个配置文件，就像 config.js .

更新 : 您可以设置config.stylesSet直接避免加载 styles.js :

CKEDITOR.replace( 'editor1', {
    stylesSet: [
        { name: 'Big',              element: 'big' },
        { name: 'Small',            element: 'small' },
        { name: 'Typewriter',       element: 'tt' }
    ]
} );