Movable Type入門 » 3.17バージョン対応

エントリーで画像タグを設定(ver3.17対応)

MovableTypeにはファイルのアップロード機能がついていますが、
画像を大量にアップしたいときには時間がかかって面倒です…

そこで私なりに考えた方法ですが、
 1.FTPで画像を大量アップ
 2.その画像にタグをボタンで当てはめる
のが早いかと思います。

1.イメージファイルをアップロード
 /cgi/mt/imagesの配下に画像gifをアップロードします。


よろしければダウンロードして使ってください。

2.cgi/mt/tmpl/cms/edit_entry.tmplを修正

186行目からがエントリーの内容のボタンを決めています。
この中の

write('<a title="<MT_TRANS phrase="Bold" escape="singlequotes">" 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" escape="singlequotes">" width="22" height="16" /></a>');


の上に

write('<a title="<MT_TRANS phrase="img" escape="singlequotes">" href="#" onclick="return insertImg(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/img.gif" alt="<MT_TRANS phrase="Italic" escape="singlequotes">" width="22" height="16" /></a>');

210行目からが追記のボタンを決めています。
この中の


write('<a title="<MT_TRANS phrase="Bold" escape="singlequotes">" href="#" onclick="return formatStr(document.entry_form.text_more, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/img.gif" alt="<MT_TRANS phrase="Bold" escape="singlequotes">" width="22" height="16" /></a>');

の下に


write('<a title="<MT_TRANS phrase="img" escape="singlequotes">" href="#" onclick="return insertImg(document.entry_form.text_more)"><img src="<TMPL_VAR NAME=STATIC_URI>images/img.gif" alt="<MT_TRANS phrase="Italic" escape="singlequotes">" width="22" height="16" /></a>');

3.cgi/mt/mt.jsを修正

場所はfunction insertLink (e, isMail) {の上あたりに


function insertImg(e) {
if (!canFormat) return;
var str = getSelected(e);
if (!str) return;
setSelection(e, '<img src="' + str + '" border="0">');

return false;
}

以上です。