javascript - 当用户剪切和粘贴内容时，从 Wordpress Post 中剥离格式

Question

当用户从外部来源（如 MS Word 文档或其他网页）剪切内容，然后将该内容发布到 Wordpress 所见即所得编辑器中时，它还会粘贴大量臃肿的格式化代码，这些代码会扭曲已发布帖子的格式。

我正在寻找解决此问题的插件。

如果没有可用的插件，我将不得不构建一个。我能想到的最佳选择是在提交帖子之前使用 javascript/jQuery 去除格式。我可能会使用 keyUp() 和 keyDown() 来捕捉粘贴的新内容。

第 1 步：在 keyDown() 上保存光标位置

第 2 步：在 keyUp() 上保存光标位置

第 3 步：使用正则表达式从 keyUp 和 keyDown 之间的所有内容中去除格式。

这将允许我专门对新粘贴的内容进行操作，同时保持用户之前通过所见即所得创建的格式。

尽管似乎使用 Javascript/jQuery 记录字符串中的光标位置比我预期的要复杂。

最好，我喜欢对准备就绪的插件的建议。但如果没有，是否有关于我应该使用哪些函数来捕捉这些光标位置的提示？

Answer 1

我建议将粘贴重定向到文本区域，这将可靠地去除所有格式。不过有一些警告。我在其他答案中对此进行了介绍，例如：

• JavaScript 在粘贴事件中获取剪贴板数据（跨浏览器）
• 粘贴到 contentedittable 会导致随机标签插入

保存和恢复插入符号位置/选择的工作比应有的要多，但可能会更糟。例如，请参阅https://stackoverflow.com/a/5952332/96100 。

Answer 2

有几个资源可供您使用，它们已经包含此功能。我的选择是使用CKEditor for Wordpress。当您想从 Microsoft Word 之类的程序中粘贴时，可以按一个特定的按钮

您可以在此处试用CKEditor 的演示，您可以实时查看该功能。带有 的剪贴板W是您用于从字处理器复制的内容。

为确保它是您想要的，您可以单击“来源”按钮查看粘贴的内容并确保没有包含额外的标签。

希望这可以帮助。