Decodeボタンを付けてみる！～MovableTypeエントリー投稿時

MovableTypeをインストしたフォルダにあるtmpl/cms/edit_entry.tmpl、bm_entry.tmplを開いて、次の箇所を探します。

write('<a title="<MT_TRANS phrase="Bold">"

edit_entry.tmpl でふたつ、bm_entry.tmpl でひとつ見つかる筈です。

これの上に以下の行を挿入します。

write('<a title="<MT_TRANS phrase="Decode">" href="#" onclick="return Decode(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-decode.gif" alt="<MT_TRANS phrase="Decode">" width="22" height="16" border="0" /></a>');

edit_entry.tmplの二つ目だけは青字部分を、document.entry_form.text_more に変更します。

因みにedit_entry.tmpl は通常のエントリー投稿画面で使うもので、二つあるのは一つめが通常投稿する部分で（body）、二つ目は追記（more）に使われるものです。bm_entry.tmpl の方はクイック投稿（クイックポスト、QuickPost）の投稿ウィンドゥで使います。

次にmtフォルダのmt-static/mt_ja.jsを開き、

function formatStr (e, v)

がある辺りに次の関数をペースト！

function Decode(e) {
if (!canFormat) return;
var str = getSelected(e);
if (!str) return;
str = str.replace(new RegExp("&","g"), "&amp;");
str = str.replace(new RegExp("<","g"), "&lt;");
str = str.replace(new RegExp(">","g"), "&gt;");
str = str.replace(new RegExp('"',"g"), "&quot;");
str = str.replace(new RegExp('  ',"g"), "&nbsp;&nbsp;");
str = str.replace(new RegExp('&nbsp; ',"g"), "&nbsp;&nbsp;");
setSelection(e, str);
return false;
}

最後にDecodeボタン画像をインストフォルダのmt-static/imagesにアップして完了です。自分で画像作る場合は、アップする時に画像の名前間違えないようにね！

これでエントリー編集画面にデコードボタンが追加されます。

デフォルトのボタンが気に入らないのでアップとリンク、blockquoteボタンも変更してみました。こんなのです。