MTのTinyMCEプラグインの設定

2009年10月 9日 23:45
Category : blog, webdesign
Tags :MovableType, plugin, TinyMCE

MT5ようやく今週に入って、テンプレートの内容解明や、動作環境、β版のバグの確認などの作業をおこなっています。

私が記事を書くときはHTMLがわかるから、何とでもなるのですが、エンドユーザが手軽に運用できるためには、WYSWYGエディタは必須じゃないかと思って、TinyMCEプラグインをインストールすることが多いです。

今使えるMT用のTinyMCEだと、この2つから選ぶことになるのですが、私は個人ではアルファサード版、仕事ではToI企画版を使っています。

TinyMCEのテンプレート機能

TinyMCEはとにかくテンプレートの挿入機能が素晴らしいので、今後の案件ではフルに活用していきたいところ。

テンプレート機能を使いたい場合、ToI企画版のTinyMCEを使うのが良さそうで、バージョン1.6以降で管理画面からテンプレートの指定ができるようになっています。
システムメニューの「プラグイン」からTinyMCEの設定に移動し、「設定」をクリックします。

設定画面の下のほうにテンプレートの指定領域があるので、例文を見ながらそこにテンプレートファイル（HTMLファイル）の指定と、タイトル（管理画面に反映されます）を記入すればOKです。

テンプレートファイルはHTML形式で、通常は、

mt-static/plugins/TinyMCE/template/ファイル名.html

に格納されます。複数のファイルを利用することも可能で、その場合は、↑の管理画面での指定を

{
    template_templates : [
        {
            title : "テンプレート1",
            src : "mt-static/plugins/TinyMCE/template/template1.html",
            description : "テンプレート1"
        }, // 複数ある時はカンマで区切ります
        {
            title : "テンプレート2",
            src : "mt-static/plugins/TinyMCE/template/template2.html",
            description : "テンプレート2"
        }
    ]
}

のように、テンプレートごとにカンマで区切って記載すればOKです。

エントリーの編集画面では、ビジュアルリッチエディタを指定していて、かつテンプレートの挿入ボタンを表示させていると、画像のボタンを確認できます。

テンプレートのボタンを押すと、設定したテンプレートの挿入ダイアログが開くので、必要なものを選びます。

参考：Movable Type 4.2で使えるTinyMCE プラグイン | Markup Mania :: nagomu.me

TinyMCEのボタンカスタマイズ

TinyMCEのボタンは、管理画面から編集できるようになっています。
先のテンプレートの設定欄の上のほうに、ボタンカスタマイズの部分がありますが、シンプル、フル、テーブルなどの指定ではなく、私はカスタムして使っています。

フルにするとボタンが多すぎるし、シンプルでは物足りないことが多いので、

1行目: bold,italic,underline,strikethrough,|,forecolor,backcolor,|,formatselect,fontsizeselect
2行目: tablecontrols,|,template
3行目: cut,copy,paste,pastetext,pasteword,|,search,replace,|,
justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,
outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,|,
mt_insert_image,mt_insert_file

と設定しています。

1行目は文字装飾と見出し関連、2行目はテーブルとテンプレート、3行目は文字揃えや編集メニュー、MTのアイテム挿入ボタンです。
2行目はかなり空いているので、HTML編集ボタンを入れても良いかなと思います。

また、MT用ではないですが、ボタンコントロールについては、TinyMCEのボタンコントロールの設定と一覧 | AOINA.COM が非常によくまとまっていて参考になりました。ありがとうございます。

TinyMCEはカスタマイズしやすく、ブログ記事を書く作業を楽にできるテンプレート機能など、是非使いこなしたいプラグインです。
MT5ではインストールできたのですが、ブラウザによって挙動がまちまちだったりするので、正式対応版がでると良いなと心待ちにしています。
私も記事の中でよく使うレイアウトなどがあれば、定型化してテンプレート登録したほうが良いですね。