CKeditor,虽然HTML是正确的,但似乎没有保留文本的颜色,如何解决?

CKeditor, colour of text seems to be not retained although HTML is correct, how to resolve?

我正在使用 CKEditor 4.4.5。

用户使用文本颜色图标来改变单词的颜色效果很好。当检查底层 HTML 时,它显示:

<p><span style="color:#FF0000">test&nbsp;</span></p>

然而,当再次单击 "source" 图标以 return 到标准非 HTML 视图时,颜色已经消失,尽管底层 HTML 仍然正确。如果你使用这个 HTML 并在浏览器中呈现它,它将正常工作。因此,似乎 CKEditor 无法正确呈现文本颜色,除非使用文本颜色图标进行新鲜更改。

我们有客户认为颜色没有改变,然后尝试修复 HTML 中的问题,结果由于人为错误导致 HTML 完全损坏。

这是一个错误,还是我遗漏了什么?

谢谢。

对于 CKEditor,高级内容过滤器可能会去除不需要的标签/属性。

如果您没有 colorbutton 插件,CKEditor 将去除这个跨度(参见 standard demo)。

您有 2 个简单的解决方案:

添加颜色按钮插件。

只需添加到您的配置:

    config.extraPlugins = 'colorbutton';

添加 ACF 适当的规则。

    config.extraAllowedContent = 'span{color}';

有关 ACF 的更多信息,请参阅 Content Filtering (ACF)