イメージ回り込みプルダウン追加にて、画像にテキストを回り込ませたとき、写真が縦に長いと、次々と画像にテキスト、画像が回り込んでしまいます。
これを回避するために、回り込み解除のタグを挿入します。
(バージョンMT-3.34-jaにて行っています。)
記述タグ
<br class="cl" /;>
css設定
.cl{
clear:both;
line-height:0;
}
ただ、HTMLに不慣れな人に、このタグを記述してください、とはいいずらい。
ということで、エントリー記述フォームの右上にあるボタンに、回りこみ解除ボタンを追加します。
回り込み解除したい場所で、このボタンをクリックすれば、自動的に回り込み解除タグが挿入されるという仕掛けです。
1.ボタンイメージの準備
![]()
↑これを「mt-static/images/formatting-icons/」へ、「br.gif」という名前で保存します。
2.mt-static/mt.jsの修正
mt-static/mt.jsをエディタで開き、以下の関数を追加します。
ファイルの最後のコメント前に記入してください。
function formatBrClear (e) {
var str = getSelected(e);
if (!str) setSelection(e, '<br class="cl">');
return false;
}
3.tmpl/cms/edit_entry.tmplの修正
tmpl/cms/edit_entry.tmplをエディターで開き、534行目(MT-3.34-ja)あたりに太字部分を追加します
この部分が「エントリーの内容」の部分のボタンとなります。
write('<img title="<MT_TRANS phrase="Quote">" onclick="return formatStr(document.entry_form.text, \'blockquote\')" src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/quote.gif" alt="<MT_TRANS phrase="Quote">" width="26" height="19" />');write('<a title="Br Clear" href="#" onclick="return formatBrClear(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/br.gif" alt="回り込み解除" width="26" height="19" border="0" /></a>');
}
}
次に572行目(MT-3.34-ja)あたりに太字部分を追加します
この部分が「追記」の部分のボタンとなります。
write('<a title="<MT_TRANS phrase="Quote">" href="#" onclick="return formatStr(document.entry_form.text_more, \'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/html-quote.gif" alt="<MT_TRANS phrase="Quote">" width="22" height="16" /></a>');write('<a title="Br Clear" href="#" onclick="return formatBrClear(document.entry_form.text_more)"><img src="<TMPL_VAR NAME=STATIC_URI>images/formatting-icons/br.gif" alt="回り込み解除" width="26" height="19" border="0" /></a>');
}
}
以上で作業完了です。
ここにも日本語を使用しているので、設置する(した)MTの文字コードにあわせて保存してください。

コメントする