記事表示
WYSIWYGエディタ
prototype.js の練習に、WYSIWYGエディタを作ってみた。
http://www.favorite-labo.org/practice/editor/
Macでの動作については要調整。またそのうちに。アイコン画像は famfamfam.com からお借りしたものです。
処理の概要は
- iframeに対し、designMode か contentEditable を適用させると、編集機能が利用できる。
- 装飾処理は execCommand を使えば（基本的に）勝手に行ってくれる。
こんな感じ。基本的にブラウザ側に実装された機能を呼び出すだけですが、コード編集機能や文字色選択機能用のカラーパレットなど、ゴリゴリとコードを書かなければならない箇所もあります。
…て、凄く何を今更な内容ですね…。詳細な解説は検索すればたくさん出てきます。（＾＾；