html - CKEditor Paste From Word 问题与表格的背景颜色

Question

我正在使用 CKEditor 4.1，我正在尝试让黄色背景色显示在粘贴的内容上。该表来自 word(因此这意味着它是 RTF 格式)。除了背景颜色外，一切似乎都粘贴了。奇怪的是，它在“从字词粘贴”框中粘贴了我想要的确切外观，但如果您在内容框中查看，它不会显示背景颜色。

下面的屏幕截图显示了“从 Word 粘贴”对话框以及我希望内容的外观。对话框后面的编辑器显示内容最终是如何粘贴的。我已经尝试了所有方法，包括禁用 ACF(高级内容过滤器)。

这是我当前的允许内容配置设置。同样，我已禁用它，但它也不起作用。

当我检查“从 word 粘贴”对话框代码时，背景似乎是在 td 样式背景中设置的。例如:td styles='background-color: yellow'

config.allowedContent = {
'p h1 h2 h3 a strong em': {
  styles: ['color']
},
'table tbody thead tfoot tr th td': true,
'table': {
    attributes: ['width', 'border', 'cellpadding', 'cellspacing'],
    styles: '*'
},
"tr td": {
    attributes: ['background-color', 'background', 'rowspan', 'colspan'],
    styles: '*'
},
"iframe": {
    attributes: '*',
    styles: '*'
}

};

Answer 1

一些更多信息以供将来引用。

首先，从 MS Word 粘贴很棘手(使用 Excel 时通常更棘手)。问题源于这样一个事实，即进入 CKEditor 的输入通常完全不同，具体取决于过程中使用的 Word 版本、操作系统和浏览器。

不过，这三个配置选项可让您微调结果:

• config.pasteFromWordRemoveStyles ，默认设置为 true，删除编辑器无法处理的样式；
• config.pasteFromWordRemoveFontStyles ，默认设置为 true，删除字体格式(字体大小、系列、文本和背景样式)；
• config.pasteFromWordNumberedHeadingToList ，默认设置为 false，将编号标题转换为列表。

请记住，如果您对编辑器配置进行了任何更改，则需要清除浏览器缓存，否则您可能会因为看不到任何更改而感到非常沮丧，而实际上您的问题已经解决了。

从 CKEditor 4.1 开始你需要添加 Advanced Content Filter也进入方程式。内容过滤机制确保进入编辑器的数据得到配置中启用的编辑器功能的支持(为简化它:如果工具栏中没有表格、列表或文本/背景颜色按钮，此格式将是从您的 Word 格式的文本中剥离)。不过，ACF 是一种高度灵活的工具，因此您可以 easily adjust it to your needs .

请记住，如果您需要启用其他 功能(又名adjust the automatic mode 并扩展过滤器配置)，您应该使用config.extraAllowedContent 来定义它们。 , 不是 config.allowedContent ，用于其他目的 ( specifying all allowed tags manually )。

最后但同样重要的是，升级你的 CKEditor 版本，你会错过很多很酷的功能，比如 widgets 、大量新插件、IE11 支持、ACF 扩展等。