如何将样式加载到ckeditor中？

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

可能吗？

我试图把这个在config.js文件，但它没有任何样式加载到编辑列表

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

也许我没有正确的样式表创建我的风格？有什么我失踪？

来源

2012-02-03 user875293

是的，这是可能的。你可以从这个URL

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

例如找到详细的信息;

首先，加入“my_styles” CSS样式CKEDITOR.stylesSet在插件/风格/ plugin.js

下面的代码演示了如何注册一个样本样式定义。

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

来源

2012-02-03 22:03:33 adenizc

后续问题......是否也可以包含对象样式？ {名称：'按钮链接'，元素：'a'}似乎没有出现在我的下拉列表中。 – 2016-03-03 10:15:06

这取决于的style.css文件的内容。样式表解析插件只使用规则，同时指定一个元素，一个类，所以你可以使用这个：

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

但这些其他的不会被插件识别（你需要定制）

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

来源

2012-02-04 10:28:31 AlfonsoML

如何将样式加载到ckeditor中？

回答

相关问题