Play with Weblog!

« コメント欄に絵文字 | INDEX | コメント欄のリンクターゲットを変更 »
« コメント欄に絵文字 | カスタマイズ | コメント欄のリンクターゲットを変更 »

2006年02月03日

エントリー内にも絵文字を

さて、前のエントリー「コメント欄に絵文字」の改造を行うと、「エントリーにも絵文字を入れたい！」と思うのが普通だと思います。
というわけで、こちらに対応する改造を行いたいと思います。
前のエントリーによる改造が元になっていますので、そちらをまずやって下さい。
（そちらのとくに「smily macros」が動いていないと動きません）

コメント欄に追加しなくても良い場合には前のエントリーの下記部分の改造は不要です。

<$MTCommentBody$>タグ
<MTMacroApply><$MTCommentBody$></MTMacroApply>
<$MTCommentPreviewBody$>タグ（必要に応じて）
<MTMacroApply><$MTCommentPreviewBody$></MTMacroApply>

※正直適当に動かしていますので、動かなかったらごめんなさい。(^^;;; まずjavascriptを作ります。内容は下記です。これを「images.js」という名前で保存し、「mt-static」の「js」フォルダにアップロードします。（アスキーモード）
function sort(form, sel) { addr = sel.options[sel.selectedIndex].value; window.location.href = addr;<br /> } function insertCode(text) { document.entry_form.text.value += text; document.entry_form.text.focus(); } function insertCode2(text) { document.entry_form.text_more.value += text; document.entry_form.text_more.focus(); }

次にテンプレートを改造します。ここから先は何かあったら戻れるようにバックアップを取ってくださいね。

「tmpl」→「cms」フォルダの「header.tmpl」を改造します。
15行目あたりにjavascriptの記述があるのでここに追加してください。

<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc/tableselect.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/images.js"></script>

次に画像表示用のテキストを作ります。
前のエントリーで言うと「smileys」を作った要領です

<a href="javascript:emoticon('{00}')"><img src="<MTBlogURL>images/pp_00.gif" alt="沈黙" width="17" height="17" border="0" class="smiley"></a>

これを以下のように改造して下さい。

<a href="javascript:insertCode('{00}')"><img src="画像のURL" alt="沈黙" width="17" height="17" border="0" class="smiley"></a>

これを作りたい画像の分だけ作っておきます。
そして「tmpl」→「cms」フォルダの「edit_tntry.tmpl」を改造します。

<textarea onkeypress="mtShortCuts(event)" class="full-width" name="text" id="text" tabindex="3" cols="72" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10<TMPL_ELSE>20</TMPL_IF>"><TMPL_VAR NAME=TEXT ESCAPE=HTML></textarea>
の下に先程改造した
<a href="javascript:insertCode('{00}')"><img src="画像のURL" alt="沈黙" width="17" height="17" border="0" class="smiley"></a> を作りたい画像の分だけ追記します。

次に追記部分にも追加しましょう。
今度の場合は、「insertCode('{00}')」を「insertCode2('{00}')」にします。

<a href="javascript:insertCode2('{00}')"><img src="画像のURL" alt="沈黙" width="17" height="17" border="0" class="smiley"></a>

を先程の要領で作りたい画像の分だけコピーして、

<textarea onkeypress="mtShortCuts(event)" class="full-width" name="text_more" id="text_more" tabindex="4" cols="72" rows="15"><TMPL_VAR NAME=TEXT_MORE ESCAPE=HTML></textarea>

の下に貼付けます。
これでテキストモードでアップロードしてください。以上で終わりです。

Posted luna : 2006年02月03日 15:42 | カスタマイズ

TrackBackPings

TrackBack URL>>

Comments

名前:

メールアドレス:

URL:
保存しますか? はいいいえ

コメント: