阻止复制/粘贴将网页样式复制到RTF编辑器

Question

我现在尝试了两天，例如nicEdit ， mooEditable ， MooRTE等几个JavaScript轻量级Rich Text Editors（ rte） （考虑了最后两个，因为它们使用了我在此项目中使用的mootools框架）。

我的问题是，对于所有这些人，当我从网页上复制预格式化的文本（带有粗体字，链接等），然后将其粘贴到编辑器中时，它似乎已经被格式化了。

这可能很好，但是这是一个安全问题，因为如果我复制/粘贴整个网页，它将在编辑器中呈现整个网页。

我只希望我的用户能够使用编辑器进行一些基本的格式设置，例如以粗体，斜体显示一些文本，添加链接并缩进其段落。

另一种可能是摊牌 （我敢打赌，它会被stackoverflow使用），因为这种类型的编辑器（带有预览框）不会受到上述问题的影响（当您在textarea中粘贴某些内容时，它是未格式化的文本）。 但是，我不确定这是否适合我的情况，因为该编辑器将用于撰写长篇文章（比大多数stackoverflow帖子更长的篇幅）。 在那种情况下，我认为最好有一个适当的编辑器来立即渲染事物（我的意思是在文本区域中，而不是在预览框中）。 在我看来，真正的所见即所得编辑器更有吸引力且更易于使用。

有没有一种简单的方法可以修改RTE，以便在粘贴一些文本时将其呈现为未格式化？ 还是您认为我应该使用stackoverflow使用的那种解决方案？ （ 摊牌或类似内容）还是您知道RTE没有我提到的复制粘贴问题？

请注意，我没有尝试CKeditor，FCKEditor和TinyMCE，因为它们过于复杂（繁重），而YUI中的一个看起来不错，但需要整个库才能工作。

谢谢，

模糊燕鸥

Answer 1

您正在从RTF源中复制并粘贴到RTF目标中。 默认情况下，您将在目标位置获得富文本格式。 解决此问题的唯一方法是以某种方式捕获粘贴事件，将粘贴操作重定向到纯文本字段，然后将未格式化的文本从纯文本字段复制到富文本格式目标中。

1. 使用onPaste处理程序捕获粘贴事件（在Firefox或Opera中不起作用）
2. 使用隐藏字段将所选文本粘贴到其中。
3. 将隐藏字段的值插入到光标所在位置的丰富目标中。

不确定利润来自何处，但是您去了那里。