CKEditor 4.x将p元素的样式配置为永久样式

时间:2015-04-23 12:26:21

标签: ckeditor

描述起来并不容易 - 原谅 - 在您开始在空编辑器中编写内容时,文本将包含p元素。 我希望使用自己的自定义css样式设置此默认p元素。例如:p { margin-bottom: 1em; color: blue};

我通过在init例程中添加CKEDITOR.instances['editor1'].setData(styleElement)来临时管理它。但随后它将应用于html内容并可编辑。

为了使我正确:这应该永久应用,而不是用户可编辑。它应该只是作为基本外观应用。

任何想法如何以正确的方式应用它?

1 个答案:

答案 0 :(得分:3)

为什么不简单地使用CSS呢?例如。为<p>中的<ckeditor>/contents.css元素添加蓝色?

如果您使用经典编辑器(我假设您这样做),则默认情况下会加载contents.css文件。此CSS文件使您可以在编辑区域中以任何方式设置内容样式,而不会污染由CKEditor生成的结果标记。

更重要的是,如果您改变主意并决定开始在所有新文章和现有文章中使用红色作为段落,则必须仅调整CSS文件。

更改contents.css中的样式将仅解决编辑区域中的问题。设置蓝色的类似CSS规则必须添加到您的网站样式表中,以便WYSIWYG编辑器中生成的HTML内容以您喜欢的方式设置样式。