在线富文本编辑器如何工作？

Question

我想知道当您从网页或文档粘贴文本时online rich text editors如何维护格式。标准textarea框只接受文本，而这些WYSIWYG编辑器似乎使用DIV。它是如何工作的？

Answer 1

在线富文本编辑器使用contentEditable或designMode来利用浏览器对HTML编辑的本机支持。粘贴到contentEditable或designMode元素时，浏览器会将HTML直接放入元素中。通过粘贴到Midas Demo然后使用Firebug的inspect元素查看粘贴的HTML来自己尝试。

JavaScript应用程序可以使用execCommand方法在富文本编辑器中格式化用户的选择。

Answer 2

WYSIWYG编辑器实际上建立在浏览器已经内置的基本HTML编辑功能之上。在Firefox中，该技术称为Midas。在IE中，contentEditable。

Answer 3

使用现有的浏览器功能（IE - ContentEditable）。这允许开发人员让用户直接编辑html。他们通常使用iFrame将可编辑部分与页面的其余部分分开，但这不是必需的。

然后开发人员可以简单地读取iframe（或其他）的html源代码并完成它们。