CKEditor

Livedoorブログや忍者ブログで記事を書くとき、textarea内の一部の文字の装飾や、画像貼り付けなどが可能で最初驚きました。
とにかくHTMLが画面に表示されて、装飾も含めて丸ごと記事として登録。そして画面に反映できる。
あれどうやってるのかな？と調べていたら、CKEditorというものを見つけました。

これを使うと、自分のサイトでもリッチな入力フォームを超簡単に提供することができます。

※textareaフィールドが画面のようになります！


●使い方
1.CKEditorのサイトからダウンロード。
2.zipを解凍し、webサーバーに配置
3. HTMLからckeditor.jsをインポート

4.リッチにしたいテキストエリアを以下のように記述


 以上です。
公式には、 CKEditor 3.x/Developers Guide/Installationに記載されています。



ちなみに

※ダウンロードしたファイルの中には、サンプルや、php、asp対応版なども含まれているため、削除することをお薦めします。
CKEditor 3.x/Developers Guide/Minimum Setupを参照ください。

※｢入力した情報の見た目をそのまま出力する」技術を、WYSIWYGと呼びます。
What You See Is What You Get（見たままが得られる）
CKEditorのようなソフトは、WYSIWYGエディターと呼ばれるそうです。

 ちなみにどうやって、textareaをこんなリッチにしてるんでしょうね。。。 仕組みが気になる。

---

※参考文献
とりあえず作ってみますのCKEditor 使い方