Question

我正在使用CKEditor 4.4.5。

用户使用文本颜色图标来更改正常工作的单词的颜色。当检查基础HTML时，它显示：

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

然而，当点击＆＃34;来源＆＃34;再次返回标准的非HTML视图，虽然基础HTML仍然正确，但着色已经消失。如果您使用此HTML并在浏览器中呈现它，它将正常工作。所以看起来CKEditor无法正确渲染文本颜色，除非使用文本颜色图标进行了新的更改。

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

这是一个错误，还是我错过了什么？

感谢。

Answer 1

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

如果您没有 colorbutton 插件，CKEditor将删除此范围（请参阅standard demo）。

您有两个简单的解决方案：

添加colorbutton插件。

只需添加到您的配置：

    config.extraPlugins = 'colorbutton';

添加适当的ACF规则。

    config.extraAllowedContent = 'span{color}';

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