« imgタグに属性を追加 | メイン | 昨日・一昨日よりはマシ? »

20040722Thursday

blockquoteタグ挿入ボタン!

JUGEMのエントリー編集画面には実にたくさんの入力支援ボタンが用意されています。これに慣れるとMTで用意されている「B」「i」「U」「URL」では満足できなくなってきます。じゃー追加してしまいましょう!

参考にさせていただいたサイト
 DEPOLOGさん「blockquoteを簡単に
 feel easyさん「MT3.0β版エントリー画面のボタン追加

ただ、ボタンを追加するには「ボタンの画像」が必要です(笑)。このへんタグをうまいこといじれば画像は土台だけで済みそうですが、また後日。blockquoteタグ挿入のための「引用」ボタンはDEPOLOGさんが作成してくださっているので、是非利用させていただきましょう♪

さて、参考にさせていただいたサイトさんではMT3.0β版まで解説があったのですが、3.01日本語版はまた少し構成が違ったようです。

いじるファイルは同じく「/MT/tmpl/cms/edit_entry.tmpl」これの165行目の間あたりからはじまるこんなスクリプトの中

<script type="text/javascript">
<!--
if (canFormat) {
 with (document) {
  write('<div style="float: right;">');
  write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>');
~中略~
  write('</div>');
 }
}
// -->
</script>

に以下を挿入します。ボタンに使用する画像のパスは適宜書き換えてます(青字部分)

write('<a href="#" onclick="return formatStr(document.entry_form.text, \'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/blockquote.gif" alt="blockquote" width="24" height="18" border="0"></a>');

2.6x→3の違いはテーブルタグを使っていないことと、呼び出し方(?)が変更になっていることですね。他のボタンの記述とあわせて書いてあげれば、blockquoteに限らず色々な入力支援ボタンが作成できますね!