Question

如何将样式表中的样式加载到ckeditor的样式列表中？

有可能吗？

我已经尝试将它放在config.js文件中，但它没有将任何样式加载到编辑器列表中

config.extraPlugins = 'stylesheetparser';
config.contentsCss = '/css/style.css';

也许我没有在样式表中创建我的样式？有什么东西我不见了吗？

Answer 1

是的，这是可能的。您可以从此URL中找到详细信息

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles

例如;

首先，将“my_styles”css样式添加到plugins / styles / plugin.js中的CKEDITOR.stylesSet

以下代码显示了如何注册样本样式定义。

CKEDITOR.stylesSet.add( 'my_styles',
[
    // Block-level styles
    { name : 'Blue Title', element : 'h2', styles : { 'color' : 'Blue' } },
    { name : 'Red Title' , element : 'h3', styles : { 'color' : 'Red' } },

    // Inline styles
    { name : 'CSS Style', element : 'span', attributes : { 'class' : 'my_style' } },
    { name : 'Marker: Yellow', element : 'span', styles : { 'background-color' : 'Yellow' } }
]);

准备就绪后，您必须指示编辑器使用stylesSet设置应用新注册的样式。这可以在config.js文件中设置，例如：

config.js

config.stylesSet = 'my_styles';

Answer 2

这取决于该style.css文件的内容。样式表解析器插件仅使用指定元素和类的规则，因此您可以使用：

p.red { color:red; padding:1em }

但插件不会识别这些其他的（你需要自定义它）

p {color:red; padding:1em}
.red {color:red; padding:1em}
#red {color:red; padding:1em}

如何将样式加载到ckeditor？

2 个答案: