CKEditor自定义样式设置覆盖默认

问题描述：

我正在测试添加自定义stylesSet。因此，在我的代码添加以下（每instructions中）CKEditor自定义样式设置覆盖默认

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';

的问题是，它覆盖的是自带的CKEditor的默认样式休息。我似乎无法弄清楚如何将现有的新样式添加到现有的样式中。有任何想法吗？

答

您不需要更改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' } 
    ] 
});

谢谢你，起初我做这种方式，但我之所以搬出来，并把它添加到我的初始化代码，因为我每次更新CKEditor的代码时，我一直忘记了这些变化，并最终在写代码。我可以将styles.js中的代码移动到我的代码中，我只想看看是否有替代方案。 – adviner 2013-02-21 15:37:23

您可以将该代码移动到您的文件中。 'config.stylesSet'可以直接设置。我会更新我的答案。 – Reinmar 2013-02-21 16:45:21

答

下面是一个例子，如何在CKEditor的4更换和创造新的风格和类这是文件的全部内容styles.js：

CKEDITOR.stylesSet.add ('default', [ 
/* My Block Styles */ 
{ name: 'My Div Class', element: 'div', attributes: {'class': 'my-div-class-name'} }, 
{ name: 'My Div Style', element: 'div', styles: {'padding': '10px 20px', 'background': '#f2f2f2', 'border': '1px solid #ccc'} }, 

/* My Inline Styles */ 
{ name: 'My Span Class', element: 'span', attributes: {'class': 'my-span-class-name'} }, 
{ name: 'My Span Style', element: 'span', styles: {'font-weight': 'bold', 'font-style': 'italic'} } 

]);

编辑栏：

enter image description here

CKEditor自定义样式设置覆盖默认

相关推荐