[MT3.2]投稿画面にHTMLエディターを組み込む+絵文字

MT3.2を導入して新しい管理画面にも慣れやっと落ち着いてきました。
3.2用のプラグインなんぞも一通り試してみて BigPAPI対応のプラグインの便利さにかなり感動してしまいました。
MT3.17までは管理画面のカスタマイズをしようと思うとかなり面倒な手順を踏まなければならなかったんです。
該当のtmplファイルをDLして修正箇所を探しファイルを書き換えUP
そしてバージョンアップの度に同じ作業を繰り返す…

BigPAPI対応のプラグインの場合基本的にpluginsディレクトリにUPするだけです。
これだけでカスタマイズ完了なのでバージョンアップの度にファイルを書き換える必要がありません。
この便利さだけでもMT3.2にバージョンアップする価値があるような気がします。

さて本題。
数ある BigPAPI対応のプラグインの中からエントリー投稿画面を絵文字入力機能付のHTMLエディターにしてしまう Ajaxifyをご紹介します。
画面イメージはこんな感じ。

導入方法はとっても簡単です。

1.)プラグインの導入
Ajaxify/EnhancedEntryEditingからプラグインをDLし解凍します。
(1. Download the pluginのリンクから)
解凍されたファイルを指定の階層にUPします。
・mt-staticフォルダ→[MTルートディレクトリ]/mt-staticディレクトリへ
・phpフォルダ→[MTルートディレクトリ]/phpディレクトリへ
・pluginsフォルダ→[MTルートディレクトリ]/pluginsディレクトリへ
*問題がなければシステム・メニューのプラグインの一覧に「EnhancedEntryEditing」が表示されているはずです。

2.)新規投稿の設定
デフォルトでHTMLエディターを使用する場合はメイン・メニュー→設定→新規投稿→「エントリーを新規に投稿したときの初期値」の改行設定を「WYSIWYG」にします。
投稿画面でも改行設定に「WYSIWYG」が追加されているのでその都度変更できます。

以上で導入は完了です。
拍子抜けするほど簡単。
ソースを修正したり確認したいときは←+か-のアイコンをクリック
テキストエリア上部の矢印(Increase size ↓ | Decrease size ↑)をクリックするとテキストエリアのサイズを自由に変更できます。
絵文字の挿入はスマイルマークのアイコンから絵文字一覧を表示させてクリックするだけ。

3.)カスタマイズ絵文字の登録
絵文字一覧に好きな絵文字や画像を登録するのも簡単です。
ちょっと階層が深くてややこしいのですがimagesディレクトリに登録したい画像をUPします。
/mt-static/plugins/Ajaxify/tinymce/jscripts/tiny_mce/plugins/
emotions/images/

絵文字一覧のhtmファイルを修正します。
/mt-static/plugins/Ajaxify/tinymce/jscripts/tiny_mce/plugins/
emotions/emotions.htm
テーブルタグの行数を適当に増やして以下のソースを登録したい画像の分だけ貼り付けます。

<a href="javascript:void(0);" onMouseDown="insertEmotion('画像のファイル名');"><img src="images/画像のファイル名" width="横" height="縦" border="0" /></a>

修正が終わったら元の階層にUPして完了です。
絵文字以外にもよく使う画像やカテゴリー用のバナーなどを登録してもいいかもしれません。
肝心の動作ですが以前 htmlAreaをMTの投稿画面に組み込んだ時のようにもっさりはしていません。
ちょっと余計な改行とかは入っちゃうような気がするんでソースを確認した方がいいかもしれません。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html