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

CKEditor 4.x将p元素的样式配置为永久样式,ckeditor,Ckeditor,这不容易描述——原谅- 当您开始在空编辑器中写入内容时,文本将用p元素包装。 这个默认的p元素我想用我自己的自定义css样式来设置样式。例如:p{marginbottom:1em;color:blue} 我通过在init例程中添加CKEDITOR.instances['editor1'].setData(styleElement)临时管理它。但随后它将应用于html内容并可编辑 为了让我正确:这应该是永久性的应用,用户不能编辑。它应该仅仅作为基本外观应用 如何正确应用它,你有什么想法吗?为什么不

这不容易描述——原谅- 当您开始在空编辑器中写入内容时,文本将用
p
元素包装。 这个默认的
p
元素我想用我自己的自定义css样式来设置样式。例如:
p{marginbottom:1em;color:blue}

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

为了让我正确:这应该是永久性的应用,用户不能编辑。它应该仅仅作为基本外观应用


如何正确应用它,你有什么想法吗?

为什么不直接使用CSS呢?例如,为
/contents.css
中的
元素添加蓝色

如果您使用classic editor(我假设您使用),那么默认情况下它会加载
contents.css
文件。此CSS文件使您可以在编辑区域中以任何方式对内容进行样式设置,而不会污染CKEditor生成的结果标记

更重要的是,如果你改变主意,决定在所有新的和现有的文章中开始使用红色段落,你将不得不调整CSS文件


contents.css
中更改样式只能解决编辑区域中的问题。必须在网站样式表中添加一个类似的CSS规则来设置蓝色,以便所见即所得编辑器中生成的HTML内容按照您喜欢的方式进行样式设置。

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

如果您使用classic editor(我假设您使用),那么默认情况下它会加载
contents.css
文件。此CSS文件使您可以在编辑区域中以任何方式对内容进行样式设置,而不会污染CKEditor生成的结果标记

更重要的是,如果你改变主意,决定在所有新的和现有的文章中开始使用红色段落,你将不得不调整CSS文件


contents.css
中更改样式只能解决编辑区域中的问题。必须在网站样式表中添加一个类似的CSS规则来设置蓝色,以便所见即所得编辑器中生成的HTML内容按照您喜欢的方式进行样式设置。

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

如果您使用classic editor(我假设您使用),那么默认情况下它会加载
contents.css
文件。此CSS文件使您可以在编辑区域中以任何方式对内容进行样式设置,而不会污染CKEditor生成的结果标记

更重要的是,如果你改变主意,决定在所有新的和现有的文章中开始使用红色段落,你将不得不调整CSS文件


contents.css
中更改样式只能解决编辑区域中的问题。必须在网站样式表中添加一个类似的CSS规则来设置蓝色,以便所见即所得编辑器中生成的HTML内容按照您喜欢的方式进行样式设置。

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

如果您使用classic editor(我假设您使用),那么默认情况下它会加载
contents.css
文件。此CSS文件使您可以在编辑区域中以任何方式对内容进行样式设置,而不会污染CKEditor生成的结果标记

更重要的是,如果你改变主意,决定在所有新的和现有的文章中开始使用红色段落,你将不得不调整CSS文件


contents.css
中更改样式只能解决编辑区域中的问题。必须在网站样式表中添加类似的CSS规则来设置蓝色,以便所见即所得编辑器中生成的HTML内容按照您喜欢的方式进行样式设置。

这是一个答案还是一个问题?如果这是一个答案,那么请告诉我在哪里应用永久(全局)CSS样式。您可能有一个代码段。非常感谢。我现在编辑了content.css文件,它完全按照我需要的方式工作。但我不确定这是不是合法的?你可以这样做,把这个特殊的文件当作CKDDTER配置的一部分。事实上,为了避免在升级过程中意外覆盖它,您可以在自己的CSS文件中保留段落的样式。用
config.contentsCSS
将CKEditor指向此文件这是一个答案还是一个问题?如果这是一个答案,那么请告诉我在哪里应用永久(全局)CSS样式。您可能有一个代码段。非常感谢。我现在编辑了content.css文件,它完全按照我需要的方式工作。但我不确定这是不是合法的?你可以这样做,把这个特殊的文件当作CKDDTER配置的一部分。事实上,为了避免在升级过程中意外覆盖它,您可以在自己的CSS文件中保留段落的样式。用
config.contentsCSS
将CKEditor指向此文件这是一个答案还是一个问题?如果这是一个答案,那么请告诉我在哪里应用永久(全局)CSS样式。您可能有一个代码段。非常感谢。我现在编辑了content.css文件,它完全按照我需要的方式工作。但我不确定这是不是合法的?你可以这样做,把这个特殊的文件当作CKDDTER配置的一部分。事实上,为了避免在升级过程中意外覆盖它,您可以在自己的CSS文件中保留段落的样式。用
config.contentsCSS
将CKEditor指向此文件这是一个答案还是一个问题?如果这是一个答案,那么请告诉我在哪里应用永久(全局)CSS样式。您可能有一个代码段。非常感谢。我编辑了content.css文件