Question

ckeditor中是否有通过选择段落添加css类的选项？

我的要求是我在字段中有一些冗长的文字和一些段落。其中一段我想通过CSS改变风格。所以为此，我想在ckeditor工具栏中选择一个选项，我可以将css类添加到段落中，而不是从源代码和编辑html。

就像目前有一个＆＃34; Normal（DIV）＆＃34;在格式下拉列表中。我可以在此下拉菜单中添加另一个选项，其中＆＃34; DIV与课程测试＆＃34;它会添加一个带有测试css类的div吗？

Answer 1

将样式集添加到ckeditor配置。但它只将样式属性添加到div而不是类。

CKEDITOR.stylesSet.add('CustomStyle', [
    { name : 'TxtDanger', element : ['p','div','h1'], styles : {'color' : 'red' } }
]);

CKEDITOR.editorConfig = function( config ) {
    config.stylesSet = 'CustomStyle';
};

现在你可以获得TxtDanger＆＃39;你的ckeditor风格下拉列表中的样式。但是，＆＃39; CustomStyle＆＃39;替换您的默认ckeditor样式（Paragraph，Heading1,2 ..）。所以首先将所有默认样式添加到＆＃39; CustomStyle＆＃39;中。 here默认样式列表。

如何将css类添加到选定的Paragraph / Div？

1 个答案: