跨浏览器内容可编辑区域的插件

Question

我需要一个可在所有浏览器 + 智能手机上正常运行的 contenteditable 插件。我尝试了 Codemirror，但它在 iphone 上运行不佳。然后我尝试了Editarea，它运行良好，但它是 150Kb，使用 iframe，并且有很多不必要的代码。我需要的是一个简单的 contenteditable 区域，它不允许粘贴照片或其他样式的文本，并且在手机上也能正常工作。

Answer 1

您可能必须编写自己的处理程序，因为您的逻辑非常自定义。例如，如果您不想允许加粗，则必须禁止使用 ctrl-b 之类的键盘快捷键。对于粘贴，清理它的最佳策略是将隐藏的 div 注入到您的 contenteditable 区域，然后将光标放在其中以强制粘贴的内容进入其中。此时您可以引用 div 并清除不需要的数据，例如图片。最后，您可以将内容放在 div 之后，然后删除 div。

还可以考虑从 Word 粘贴，这可能会非常混乱。在粘贴处理中，您甚至可以使用数据进行 ajax 调用以清理服务器端。