php - 如何将样式加载到ckeditor？

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

例如;

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

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

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 文件中设置，例如:

配置.js

config.stylesSet = 'my_styles';