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

Question

描述并不容易 - 原谅 - 在您开始在空白编辑器中写入内容时，文本会被包含一个p元素。 这个默认的p元素我想用我自己的自定义css风格进行设计。例如：p { margin-bottom: 1em; color: blue};

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

为了让我对：这应该永久应用，不能由用户编辑。它应该只是作为基本的外观应用。

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

Answer 1

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

如果您使用的是经典编辑器（我假设您这样做），那么它会默认加载contents.css文件。这个CSS文件为您提供了在编辑区以任何方式设置样式内容的可能性，而不会污染CKEditor生成的标记。更重要的是，如果您改变主意并决定在所有新文章和现有文章的段落中开始使用红色，您将不得不调整CSS文件。

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