MT覚え書き:エントリー投稿時に便利なボタン追加。

■このエントリーはMTを使っていた頃の覚え書きです■

打ち消し&画像回り込みクリアー編

エントリー書き込みに便利な(はずの)各種ボタン。私の場合、Mac(OS9のIE)で書き込むことも少なくないので、ウィンドウズでもあまり使わずタグを直接打ってました。(クセかな)
が、最近ではウィンドウズでの投稿のみになってきたのでボタンを使いたい&もっと増やしたいなと。。。

で、やろうと思ってたのが、フォント色、サイズ、打ち消しと、クリア。
文字の色&サイズ変更はあまり使わないのだけど、面倒だから使わないってのもあるので、今回やってみようかと。打ち消しもそんなに使うことはないのだけど。。。ま、あれば後々便利かと。(予定)
クリアは画像の回り込みを解除する場合に使うのでこれは必須かなと。

で、参考にさせていただいたのは「[魔] Magic White」さんの、「エントリー書きやすくするその6」(打ち消し&回り込みクリア)と、「エントリー書きやすくするその7」(文字色ボタン)と、「エントリー書きやすくするその9」(文字サイズボタン)の各エントリーです。
まずは、打ち消し。

MTディレクトリ内の「tmpl/cms/bm_entry.tmpl」と「edit_entry.tmpl」をテキストエディタで開き、検索機能等を使って、

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('<a title="<MT_TRANS phrase="strike">" href="#" onclick="return formatStr(document.entry_form.text, 'strike')"><img src="<TMPL_VAR NAME=STATIC_URI>images/strike.gif" alt="<MT_TRANS phrase="Strike">" width="22" height="16" border="0" /></a>');

を追加。
「edit_entry.tmpl」にはもう一つ下の方に追記部分の場所もあるので、
「document.entry_form.text」の部分を「document.entry_form.text_more」に変更した、

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

を同じように追加。

次に、画像回り込みのクリアー。

MTディレクトリ内の「mt.js」をテキストエディタで開き、

function addClear(obj)
{
var item = '<div style="clear: both"> </div>';
//IE
if (document.selection) {
obj.focus();
sel = document.selection.createRange();
sel.text = item;
}
//Mozilla
else if (obj.selectionStart || obj.selectionStart == '0') {
var startPos = obj.selectionStart;
var endPos = obj.selectionEnd;
obj.value = obj.value.substring(0, startPos)
+ item
+ obj.value.substring(endPos, obj.value.length);
//Other
} else {
obj.value += item;
}
}

を追加。次に、MTディレクトリ内の「tmpl/cms/edit_entry.tmpl」をテキストエディタで開き、さっき打ち消し線で追加した場所と同じ場所に、

write('<a href="javascript:addClear(document.entry_form.text);"><img src="<TMPL_VAR NAME=STATIC_URI>images/clear.gif" border="0" alt="clear" width="22" height="16" /></a>');



3.171は、

write('<a title="<MT_TRANS phrase="Clear" escape="singlequotes">" href="javascript:addClear(document.entry_form.text);"><img src="<TMPL_VAR NAME=STATIC_URI>images/clear.gif" alt="<MT_TRANS phrase="Clear" escape="singlequotes">" width="22" height="16" /></a>');

を追加、さらに追記の部分にも同じように、「document.entry_form.text」の部分を「document.entry_form.text_more」に変更した、

write('<a href="javascript:addClear(document.entry_form.text_more,);"><img src="<TMPL_VAR NAME=STATIC_URI>images/clear.gif" border="0" alt="clear" width="22" height="16" /></a>');



3.171は、

write('<a title="<MT_TRANS phrase="Clear" escape="singlequotes">" href="javascript:addClear(document.entry_form.text_more);"><img src="<TMPL_VAR NAME=STATIC_URI>images/clear.gif" alt="<MT_TRANS phrase="Clear" escape="singlequotes">" width="22" height="16" /></a>');



それぞれで使用する画像を「image」ディレクトリにアップ。(ウチは自分で作りました)




で、修正したファイルもそれぞれサーバにアップして完了。ありがとうございました。

Comment

Post a comment
















管理者にだけコメントをわたす。

 

Trackback

Trackback Pings

※この記事に関係の無いトラックバックは削除させていただきます。
FC2ブログユーザーは”こちら”をクリック。

このエントリーのURL
 

copyright © 武州屋 all rights reserved. Powered by FC2ブログ.ホームページ アフィリエイト レンタルサーバー FC2ブログ