CKEditor粘贴从Word问题与表的背景颜色

时间:2015-01-07 19:51:23

标签: html css ckeditor

我正在使用CKEditor 4.1,我试图让黄色的背景颜色显示在粘贴的内容上。该表来自word(因此这意味着它在RTF中)。除了背景颜色外,一切似乎都粘贴了。奇怪的是,它贴上了我在#34;粘贴来自"中的精确外观。框,但如果你在内容框中查看,它不会显示背景颜色。

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

enter image description here

以下是允许的内容配置的当前设置。我再一次禁用了它,它也没有用。

当我检查"粘贴来自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: '*'
}

};

2 个答案:

答案 0 :(得分:2)

更多信息供将来参考。

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

尽管如此,这三个配置选项可以让您微调结果:

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

从CKEditor 4.1起,您还需要将Advanced Content Filter添加到等式中。内容过滤机制确保进入编辑器的数据受配置中启用的编辑器功能支持(为了简化它:如果工具栏中没有表,列表或文本/背景颜色按钮,则此格式将是从Word格式的文本中删除)。但是,ACF是一种高度灵活的工具,因此您可以easily adjust it to your needs

请记住,如果您需要启用其他功能(又名adjust the automatic mode并扩展过滤器配置),则应使用config.extraAllowedContent定义它们,而不是{{3} },用于其他目的(config.allowedContent)。

最后但同样重要的是,升级你的CKEditor版本,你错过了许多很酷的功能,如specifying all allowed tags manually,大量的新插件,IE11支持,ACF扩展等。

答案 1 :(得分:0)

似乎是我设置的时候 config.pasteFromWordRemoveStyles = false;

完美无缺。感谢Anna Tomanek指出我正确的方向!