Taosoftware Developer Blog

前回は、TinyMCEのダウンロードから、最低限のサンプルを見ました。 少しずつこれに手を入れていこうと思います。 まずは、テーマの変更です。 前回は、一番単純な機能のみの、simpleというテーマを利用しました。 いろいろな機能を利用してみるために、advancedに変更します。 HTMLをエディタ等で開き、tinyMCE.init()の theme : “simple” 　の部分を　 theme : “advanced” と書き換えます。 tinyMCE.init({mode : "textareas",theme : "advanced"}); 上記のように変更した結果が、以下になります。 ボタンが増えていますね。もちろんできることも増えています。 機能が増えて、ポップアップの画面も表示されるようになりました。 このボタン を押すと、こんな画面が表示されます。 この画面はイメージファイルを扱うための画面です。

CMSやブログ、その他の自作アプリケーションで、このような環境を作成したいことがあるのではないでしょうか。 そんなときに試してみて欲しいのが、 TinyMCE です。 TinyMCE は、以下のような特徴をもつ、WYSIWYGなHTMLエディタの一つです。 導入が簡単 Plugin等を作成可能 多言語対応 マルチブラウザ対応 JavaScriptで記述 ライセンスは、LGPLなどなど 個人的には、マルチブラウザ対応で、かつ、簡単に導入可能、LGPLのライセンス体系というのがポイントでしょうか。 で、これから基本的な組み込み方法について書こうと思います。