JavaScript所见即所得的实现

Question

我想编写一个非常简单的所见即所得的编辑器，但我不明白他们是如何工作的：（ 我试图读取tinyMCE的源代码，但卡在所有这些类和函数中 因为我知道他们正在创造的iframe然后做一些黑魔法存在，一切工作 的问题是：？什么的编辑做的iframe，使其成为可编辑

谢谢

Answer 1

的关键词是contentEditable和designMode 。

个良好来源上手：

• Rich-Text Editing in Mozilla (MDC)
• element.contentEditable in Mozilla (MDC)
• contentEditable in IE (MSDN)

Answer 2

很简单意味着你要稍微延长？在这种情况下，您会喜欢http://code.google.com/p/jwysiwyg/

其构造函数非常简单，但对扩展工程不太好。 您可以搜索JQuery。我认为有大量的HTML编辑器或富文本编辑器可用。 顺便说一下，Extjs中的HTML编辑器是我见过的最糟糕的东西。

Answer 3

谷歌昨日发布的开源编辑器：
http://closuretools.blogspot.com/2010/07/introducing-closure-library-editor.html

快速浏览一下它显示与该属性的BODY标签的IFRAME：CONTENTEDITABLE