Реализация JavaScript WYSIWYG

Question

Я хочу написать очень простой редактор WYSIWYG, но я не понимаю, как они работают :( Я пытался читать источники tinyMCE, но застрял во всех этих классах и функциях. Как я знаю, они создают iframe, затем делают там черную магию, и все работает. Вопрос в том, что эти редакторы делают с iframe, чтобы он стал редактируемым?

Спасибо.

Answer 1

Ключевые слова: contentEditable и designMode.

Хорошие источники для начала:

• Редактирование Rich-Text в Mozilla (MDC)
• element.contentEditable в Mozilla (MDC)
• contentEditable в IE (MSDN)

Answer 2

Google выпустил вчера редактор с открытым исходным кодом:
http://closuretools.blogspot.com/2010/07/introducing-closure-library-editor.html

Беглый взгляд на это показывает IFRAME с тегом BODY с атрибутом: contentEditable

Answer 3

очень просто означает, что вы хотите маленькое расширение?В таком случае вам понравится http://code.google.com/p/jwysiwyg/

Его конструктор действительно прост, но не подходит для расширенных работ.Вы можете искать JQuery.Я думаю, что есть огромное количество HTML-редактора или текстового редактора.Кстати, HTML-редактор внутри Extjs - худшее, что я когда-либо видел.