TinyMCE复制粘贴IE11答案

【问题标题】：TinyMCE copy paste IE11TinyMCE复制粘贴IE11
【发布时间】：2019-04-29 11:03:23
【问题描述】：

我正在使用 TinyMCE 4.3.9 处理富文本，但插件粘贴在 IE 11 中具有奇怪的行为。

案例是从 word 复制粘贴，在 chrome 中工作正常，但 ie11 不保留项目符号列表的缩进。

我附上了一个测试文件on the main site

【问题讨论】：

请在一个更易于设置的环境中提供minimal reproducible example（并且在将来链接更改时不易受到影响）。您引用的演示页面有一个指向 Codepen 的链接（这是一个保存的笔：codepen.io/anon/pen/eoovKE?&editable=true），因此您可以使用您的文件创建自己的。理想情况下，一旦您在那里重现问题，请在此处创建 SO sn-p 并更详细地描述如何重现问题、预期和实际行为以及您迄今为止尝试解决的问题。目前还不清楚 The case is a copy e paste from word 是什么意思

【解决方案1】：

当您从 Word 复制和粘贴文档时，会发生两个步骤。在第一步中，当您在 Word 中复制内容（例如 CMD + C）时，它会在剪贴板中创建该内容的多个“风格”。在 Windows 和 Mac 机器上，这通常包括纯文本、RTF 和 HTML 等。

当您将内容粘贴到 TinyMCE 时，编辑器不会查看原始 Word 文档（它实际上无法这样做），而是查看剪贴板并找到最合适的内容表示。鉴于 TinyMCE 是一个 HTML 编辑器，TinyMCE 将始终选择 HTML。

有趣的是，当从剪贴板请求内容时，Microsoft 的浏览器可以（并且几乎总是这样做）修改内容，然后再将其交给编辑器进行处理。 Chrome 和 IE 行为不同的原因是它们很可能将非常不同的 HTML 返回到编辑器作为粘贴过程的起点。

如果您对浏览器返回的内容感到好奇，这里有一些测试页面可以让您看到差异：

希望这有助于解释为什么两个浏览器之间的外观会有所不同。如果您认为 IE 从剪贴板返回的 HTML 确实具有正确缩进所需的数据，我会在您打开的 GitHub 问题中跟进，并提供有关您找到的内容的更多详细信息。

【讨论】：

谢谢，Michael，github 问题已使用您提供的链接进行了更新，以显示 IE11 和 Chrome 如何将文档转换为 HTML。我希望这有助于理解这个问题。

【解决方案2】：

尝试使用TinyMCE v5，看来这个问题在V5中已经解决了。

代码如下：

<script src="https://cloud.tinymce.com/5/tinymce.min.js?apiKey=your_API_key"></script>

【讨论】：