画像の回り込み解除ボタンの追加

イメージ回り込みプルダウン追加にて、画像にテキストを回り込ませたとき、写真が縦に長いと、次々と画像にテキスト、画像が回り込んでしまいます。
これを回避するために、回り込み解除のタグを挿入します。

(バージョンMT-3.34-jaにて行っています。)

記述タグ
<br class="cl" /;>

css設定
.cl{
clear:both;
line-height:0;
}

ただ、HTMLに不慣れな人に、このタグを記述してください、とはいいずらい。

ということで、エントリー記述フォームの右上にあるボタンに、回りこみ解除ボタンを追加します。
回り込み解除したい場所で、このボタンをクリックすれば、自動的に回り込み解除タグが挿入されるという仕掛けです。

1.ボタンイメージの準備
br.gif
↑これを「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の文字コードにあわせて保存してください。

トラックバック(0)

このブログ記事を参照しているブログ一覧: 画像の回り込み解除ボタンの追加

このブログ記事に対するトラックバックURL: http://www.wasavi-design.com/cms/mt-tb.cgi/199

コメントする

このブログ記事について

このページは、が2007年2月13日 19:22に書いたブログ記事です。

ひとつ前のブログ記事は「i-modeエミュレーター」です。

次のブログ記事は「コメント内の外部リンクを別窓で開く。」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。