MovableTypeにIMGボタン

ボタンの追加ができるようになったので、今度は<img src=タグを入れようかなと。
アップロードから作業すればタグも補ってもらえるんだけどね。

function insertLink () {
}

のルーチンの次に

function insertImg () {
if (!document.selection) return;
var str = prompt('<MT_TRANS phrase="Edit Altanate-Text:">',document.selection.createRange().text);
if (!str) return;
var my_link = prompt('<MT_TRANS phrase="Enter Image-URL:">', 'http://');
if (my_link != null)
document.selection.createRange().text = '<img src="' + my_link + '" alt="' + str + '" width= height= border=1>';
}

を追加。

document.write('<td width="26"><a href="javascript:insertLink()"><img src="<TMPL_VAR NAME=STATIC_URI>images/url-button.gif" alt="link" width="26" height="18" border="0"></a></td>');

の次に

document.write('<td width="24"><a href="javascript:insertImg()"><img src="<TMPL_VAR NAME=STATIC_URI>images/img-button.gif" alt="link" width="26" height="18" border="0"></a></td>');

を追加。

img-button.gif
を作成。

402と98で取り合いをしているらしい。
イメージアイコンのサイズは幅24pxなので、
1個増やす毎に24pxずつ加減するのかな。
3個増やしたので、

としてみた。

合わないので318,182と調整。

きりしま屋

MovableTypeにIMGボタン

コメント