管理画面のカスタマイズ

カスタマイズ方法、覚書。

自分で作ってもいいですが、いくつかボタンを作成しました。
私が設置したのは、「center（中央寄せ）」と「strike（打ち消し線）」と「pre（プログラム引用）」の３種類。

その３種用の画像ファイル。
こんなもんでよければ使ってやって下さい。

※ただし、直リンクはサーバーの負担がかかるため、お持ち帰りでお願いします。

一括ダウンロードはこちら。（ファイルが３つ入ってます）

画像をmt.cgiが格納されているフォルダのimageフォルダに入れます。

次に、mt.cgiが格納されているフォルダの、tmplフォルダの中のcmsフォルダを開きます。
この中の、edit_entry.tmplファイルを、一旦自分のローカルにダウンロードして、ダウンロードしたものをエディタで開きます。

80桁で折り返すと211行目、折り返さないと176行目から以下のタグがあるはずです。
（Movabletype version 3.151-jp用なので、見当たらなければ付近を捜してください）

<script type="text/javascript">
<!--
if (canFormat) {
with (document) {
write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-bold.gif" alt="<MT_TRANS phrase="Bold">" width="22" height="16" /></a>');

上の『(document) { 』と『write('』の間に下記を追加します。

write('<a title="<MT_TRANS phrase="Center">" href="#" onclick="return formatStr(document.entry_form.text, \'center\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/center-button.gif" alt="<MT_TRANS phrase="Center">" width="22" height="16" /></a>');

write('<a title="<MT_TRANS phrase="Strike">" href="#" onclick="return formatStr(document.entry_form.text, \'del\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/strike-button.gif" alt="<MT_TRANS phrase="Strike">" width="22" height="16" /></a>');

write('<a title="<MT_TRANS phrase="Pre">" href="#" onclick="return formatStr(document.entry_form.text, \'pre\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/pre-button.gif" alt="<MT_TRANS phrase="Pre">" width="22" height="16" /></a>');

追加したら、上書き保存してサーバーにアップロードすれば完成です。

応用すれば、他のタグも使えます。
ただし、
<font color="red"></font>
のような、属性を書かないと機能しないタグは、このように簡単にはいきません。
まだ、研究段階です。

分かったら、また情報流したいと思います。

■追記（3/30）

画像ファイルがダウンロードできないと、ご指摘頂き、修正しました。
画像の表示もしましたので、こんな画像で良ければ持ち帰りやすいほうから、どうぞ。