【问题标题】:Copying and pasting into CKEditor from MS Word从 MS Word 复制并粘贴到 CKEditor
【发布时间】:2015-05-10 14:09:10
【问题描述】:

我有一个仅包含两个单词“Hello to”的 word 文档。这实际上是原始文档的简化版本。此文本的字体系列是 Calibri(正文)。我没有注意到 word 文档中这两个词的格式有任何区别。

当尝试将此文本复制并粘贴到 ckeditor 时,“Hello”的字体系列正确地保留为 Calibri,但单词“to”的字体系列错误地更改为 Arial。我不明白为什么它也不保留“to”文本的字体系列。

这是我的 config.js:

CKEDITOR.editorConfig = function( config ) {    
    config.pasteFromWordRemoveStyles = false;
    config.pasteFromWordRemoveFontStyles = false;
};

这是粘贴文本时ckeditor中的源HTML:

<p><span style="font-size:10pt"><span style="font-family:calibri">Hello </span>to</span></p>

word文档可从以下链接下载:

http://s000.tinyupload.com/?file_id=00848535251570855827

上述行为在使用 IE 11 时很明显。请有人帮忙解决这个问题吗?

【问题讨论】:

  • 我假设您已通过突出显示 Word 中的单词并将字体系列设置为 Calibri 来明确设置字体系列?
  • @robabby 不,它来自我们客户提供的预先存在的 Word 文档。如果我创建一个新的 word 文档并通过突出显示单词将字体系列设置为 Calibri,那么问题就不会发生。这个问题也可以通过使用清除所有格式功能然后重新应用来解决但我不能指望我们的客户在他们的所有文档上重新应用格式。理想情况下,我需要确定那些阻止其内容被正确复制/粘贴到 ckeditor 中的特定 word 文档的问题。
  • 在我的工作中,我们遇到了类似的客户问题,我们为 CKEditor 实例使用 Word 导入。这些是一次性的情况,应记录在案,以便客户在导入前了解正确的步骤。至少,这就是我们将如何处理这些。如果 CKEditor 按设计工作,并且当文本格式正确时,它按设计工作,那么您几乎不需要做其他事情。您应该能够在代码中考虑多少种排列?
  • 从 CKEditor 的角度来看一些见解 - MSWord 在粘贴到浏览器时生成的 HTML 非常糟糕,而且经常发生它根本不正确。我确信 CKEditor 也有一些错误,但有时它对它提供的内容也无能为力。如果您有任何疑问,您可以在dev.ckeditor.com 上报票,我们会检查隧道内是否有灯。
  • 感谢两位的回复。我已经在 ckeditor 网站上提交了一张票。

标签: javascript html ms-word ckeditor


【解决方案1】:

恕我直言,以下稍作修改即可。

config.forcePasteAsPlainText = false;
config.pasteFromWordRemoveFontStyles = false;
config.pasteFromWordRemoveStyles = false;
config.allowedContent = true;
config.extraAllowedContent = 'p(mso*,Normal)';
config.pasteFilter = null;

【讨论】:

    【解决方案2】:

    这肯定行得通

    CKEDITOR.config.forcePasteAsPlainText = false;
    CKEDITOR.config.pasteFromWordRemoveFontStyles = false;
    CKEDITOR.config.pasteFromWordRemoveStyles = false;
    CKEDITOR.config.allowedContent = true;
    CKEDITOR.config.extraAllowedContent = 'p(mso*,Normal)';
    CKEDITOR.config.pasteFilter = null;
    

    谢谢

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多