MovableType:記事投稿画面にタグ補助ボタンを追加。

※改造は自己責任でお願いします&デバックちゃんと取ってくださいね！※
ただの自分メモ。(MT ver.3.33)

サンプルにフォントを赤に変えるタグを挿入(<font color="red">ほげほげ</font>)
ちなみに構造とかを気にするならばspan styleやら何やらスタイルシート使うのが正式なんですけど
モバイル両用でカラー表示したいので敢えてfontです。

長そうなんで追記。

とりあえず関数作ります。(色を表示させる関数formatStcC)
コレは (MTのパス)/mt-static/mt.jsに記述。
function formatStr
に似てるのでその下あたりに作っておきます。

function formatStrC (e, v) {
 if (!canFormat) return;
 var str = getSelected(e);
 if (str) setSelection(e, '<font color=\"' + v + '\">' + str + '</font>');
 return false;
}

そんでもってボタン用画像を追加。
 (MTまでのパス)/mt-static/images/formatting-icons/
の下に赤のGIF画像、red.gifを22px×16pxで作成。

管理画面の新記事投稿の表示に関係しているファイルは
 (MTまでのパス)/tmpl/cms/
の中の
edit_entry.tmpl
bm_entry.tmpl
の２ファイル。上が新規投稿で下がクイック投稿。

中のJavaScript表記部分をいじります。
エントリー(body)と追記(more)の２箇所ー
 edit_entry.tmpl
541行目と579行目の下に追加って感じで。
■541行目

<div class="field-buttons-formatting">
<script type="text/javascript">
if (canFormat) {
 with (document) {
  write('<img title="<MT_TRANS phrase="Bold">" onclick="return formatStr(document.entry_form.text, \'strong\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/bold.gif" alt="<MT_TRANS phrase="Bold">" width="26" height="19" />');
   (略)
  write('<img title="<MT_TRANS phrase="Quote">" onclick="return formatStr(document.entry_form.text, \'blockquote\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/quote.gif" alt="<MT_TRANS phrase="Quote">" width="26" height="19" />');
  write('<img title="<MT_TRANS phrase="Color">" onclick="return formatStrC(document.entry_form.text, \'ff3333\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/ff3333.gif" alt="<MT_TRANS phrase="Color">" width="26" height="19" />');
 }
}
</script>
</div>

■579行目

<div class="field-buttons-formatting">
<script type="text/javascript">
if (canFormat) {
 with (document) {
  write('<img title="<MT_TRANS phrase="Bold">" onclick="return formatStr(document.entry_form.text_more, \'strong\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/bold.gif" alt="<MT_TRANS phrase="Bold">" width="26" height="19" />');
   (略)
  write('<img title="<MT_TRANS phrase="Quote">" onclick="return formatStr(document.entry_form.text_more, \'blockquote\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/quote.gif" alt="<MT_TRANS phrase="Quote">" width="26" height="19" />');
  write('<img title="<MT_TRANS phrase="Color">" onclick="return formatStrC(document.entry_form.text_more, \'ff3333\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/ff3333.gif" alt="<MT_TRANS phrase="Color">" width="26" height="19" />');
 }
}
</script>
</div>

 bm_entry.tmpl
315行目と341行目の下に追加って感じで。
これも上とほとんど同じなので割愛。

■メモ
エンコードする関数も作りたい。
クイック投稿と通常投稿の画像パスが違った。クイックはimages/直下にhtml-ファイル名で置いてある…！
まぁ今のところ使う予定もないので(クイック投稿)見なかった事にする(´∀｀*)ｂ