JavaScript WYSIWYG实现

时间:2010-07-15 08:43:43

标签: javascript implementation wysiwyg

我想写一个非常简单的WYSIWYG编辑器,但我不明白它们是如何工作的:( 我试图阅读tinyMCE的来源,但仍然坚持所有这些类和函数。 据我所知,他们正在创造iframe,然后在那里做一些黑魔法,一切正常。 问题是:这些编辑器对iframe做了什么以使其变得可编辑?

谢谢。

3 个答案:

答案 0 :(得分:2)

关键字为contentEditabledesignMode

良好的入门资源:

答案 1 :(得分:0)

非常简单意味着你想要小扩展吗?在这种情况下,您会喜欢http://code.google.com/p/jwysiwyg/

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

答案 2 :(得分:0)

谷歌昨天发布了一个开源编辑:
http://closuretools.blogspot.com/2010/07/introducing-closure-library-editor.html

快速查看它会显示带有BODY标记的IFRAME,其属性为:contentEditable