ウェブページにWYSWYGエディタを模倣/実装する方法は？

Question

私が知っているのは、プレゼンテーションレイヤーとしてIFRAMEというタグを使用しています。どのようにデータを格納するのですか？WYSIWYGモードとソースモードはどのように切り替わりますか？

Answer 1

ほとんどのブラウザでWYSIWYG編集者（Googleドキュメントは例外です）contenteditable属性を使用して、要素を編集可能にします。

データを特別な方法で保存する必要はなく、編集可能ノードのHTMLコンテンツに過ぎません。

編集可能な要素のinnerHTMLをtextareaにダンプし、textareaを表示し、編集可能な要素を非表示にしてソースモードに切り替えます。

contenteditableで、多くの情報やチュートリアルを見つけることができます。

Answer 2

私は多くの無料のもののいずれかを使用したい：

http://akzhan.github.com/jwysiwyg/

例：http://akzhan.github.com/jwysiwyg/help/examples/03-ajax.html