JavaScript 所见即所得的实现答案

【问题标题】：JavaScript WYSIWYG implementationJavaScript 所见即所得的实现
【发布时间】：2011-03-16 07:06:21
【问题描述】：

我想写一个非常简单的所见即所得编辑器，但我不明白它们是如何工作的 :( 我试图阅读 tinyMCE 的源代码，但停留在所有这些类和函数中。据我所知，他们正在创建 iframe，然后在那里做一些黑魔法，一切正常。问题是：这些编辑器对 iframe 做了什么，使其变得可编辑？

谢谢。

【问题讨论】：

【解决方案1】：

快速查看它会显示一个带有 BODY 标记的 IFRAME，其属性为：contentEditable

【讨论】：

【解决方案2】：

非常简单意味着你想要很少的扩展？在这种情况下，你会喜欢http://code.google.com/p/jwysiwyg/

它的构造函数非常简单，但不适合扩展工作。你可以搜索JQuery。我认为有大量的 HTML 编辑器或富文本编辑器可用。顺便说一句，Extjs 中的 HTML 编辑器是我见过的最糟糕的东西。

【讨论】：

【解决方案3】：

关键字是contentEditable 和designMode。

入门的好资源：

【讨论】：