WYSWIGエディタを作りたい。

最近、よくあるWYSWIGエディタの簡易版を作りたいと思って調べてみました。
フォームなんだけど、文字の装飾もできるというやつですね。

もちろんJavaScriptを使います。
で、キモはcontenteditableですね。

集めてみた情報をメモっときます。

Web上で直接編集できる文字や画像
contenteditable （直接編集） の傾向と対策
簡易WYSIWYGエディタを作る

簡単にいうと、
iframe等を作ってcontenteditableをtrueにする
↓
submitの時に、編集後のソースをtextareaにコピーしてから送る

それだけ。
あとはcontenteditableのブラウザ毎の実装の違いとか、
HTMLタグを動的に挿入する（文字の装飾をする機能）を付けていけばいいと言うことになりますね。
意外と簡単にできておもしろい。