CKeditor 剥离字体标签而不是转换为 span

Question

我有一个 CKeditor 实例(版本 4.1.2)，其工具栏中有字体、大小、文本和背景颜色按钮，所有这些都是完全默认的。

它是通过替换 <textarea> 创建的其内容是从数据库加载的。

当加载的 html 包含以下元素时:

<h3><font color="red">Big Red Heading</font></h3>

CKeditor 只是剥离标签，留下:

<h3>Big Red Heading</h3>

然而，我的期望(根据文档)应该将其转换为:

<h3><span style="color:red">Big Red Heading</span></h3>

(它也去除带有尺寸和面孔属性的标签，方式相同)。

我没变allowedContent或 colorButton_foreStyle ，或应该对此问题有任何影响的任何其他配置设置。我已经尝试删除所有自定义配置(保留编辑器的绝对默认实例)，但它仍然发生。

谁能解释为什么会发生这种情况，以及如何解决它？

谢谢。

---

编辑:默认值 colorButton_foreStyle在 CKeditor 源代码中是这样设置的:

    CKEDITOR.config.colorButton_foreStyle = {
        element: 'span',
        styles: { 'color': '#(color)' },
        overrides: [ { element: 'font', attributes: { 'color': null } } ]
    };

...这就是为什么我期望它会自动转换字体标签..？

Answer 1

CKEditor 没有默认定义所有可能的转换。有一套，以后会扩充，但具体这个还没有定义。

来自 Advanced Content Filter guide - content transformations :

Currently, we have defined content transformations for only a handful of editor features, but their number will increase in future releases.

所以，有两种解决方案:

1. 如果您想保留您的font 标签，请通过定义config.extraAllowedContent 来扩展高级内容过滤器设置。并更改 font 插件设置，如 HTML output sample .
2. 如果您想自动将您的 font 标签转换为更新的等价物，那么您可以添加一个新的转换。在 filter#addTransformations 中阅读更多内容文档。