MTのコメント欄で絵文字を使う

June 05, 2004

MTのコメント欄で絵文字を使う

[ タイ語ネットについて ]

こんな絵文字をMovable Typeのコメントに利用できるようになります。

絵文字はsweetsさんのau用絵文字を使わせて頂きました。Thanks!!

１：まず、sweetsさんからau絵文字をダウンロードしてきます。

２：画像の入ったフォルダ名をauにして、ルート以下にアップロードします（例：http://www.shotaro-hiramatsu.com/au/）。

３：Movable Typeのウェブログの設定（一般的な設定）でHTMLタグの除去機能の部分をカスタマイズにチェックをいれて、a href,b,br/,p,strong,em,ul,li,blockquote,img srcに変更。同じページのコメントの設定で、コメントでのHTMLを許可するにチェックを入れます。

４：Movable Typeのテンプレートの編集ページで、Individual Entry ArchiveとComment Listing Template（その他のテンプレート）の該当部分を編集します。

・その一（Javascriptの追加）
以下の6行を追加します。 function SetChar(strNum) { var strMsg; strMsg = "<img src=\"<$MTBlogURL$>au/" + strNum + ".gif\"></img>"; document.comments_form.text.value+=strMsg; }

・そのニ（HTMLタグの追加）
コメント: の下辺りに以下のテーブルを追加します。 <TABLE borderColor=#FFFFFF cellSpacing=0 cellPadding=3 bgColor=#ffffff border=1> <TBODY> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_006.gif" width=11 onclick="SetChar('au_006')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_007.gif" width=11 onclick="SetChar('au_007')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_008.gif" width=11 onclick="SetChar('au_008')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_009.gif" width=11 onclick="SetChar('au_009')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_010.gif" width=11 onclick="SetChar('au_010')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_011.gif" width=11 onclick="SetChar('au_011')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_012.gif" width=11 onclick="SetChar('au_012')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_013.gif" width=11 onclick="SetChar('au_013')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_014.gif" width=11 onclick="SetChar('au_014')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_015.gif" width=11 onclick="SetChar('au_015')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_016.gif" width=11 onclick="SetChar('au_016')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_017.gif" width=11 onclick="SetChar('au_017')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_018.gif" width=11 onclick="SetChar('au_018')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_019.gif" width=11 onclick="SetChar('au_019')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_020.gif" width=11 onclick="SetChar('au_020')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_021.gif" width=11 onclick="SetChar('au_021')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_022.gif" width=11 onclick="SetChar('au_022')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_023.gif" width=11 onclick="SetChar('au_023')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_024.gif" width=11 onclick="SetChar('au_024')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_025.gif" width=11 onclick="SetChar('au_025')" border="0"></TD> </TR> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_026.gif" width=11 onclick="SetChar('au_026')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_027.gif" width=11 onclick="SetChar('au_027')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_028.gif" width=11 onclick="SetChar('au_028')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_029.gif" width=11 onclick="SetChar('au_029')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_030.gif" width=11 onclick="SetChar('au_030')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_031.gif" width=11 onclick="SetChar('au_031')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_032.gif" width=11 onclick="SetChar('au_032')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_033.gif" width=11 onclick="SetChar('au_033')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_034.gif" width=11 onclick="SetChar('au_034')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_035.gif" width=11 onclick="SetChar('au_035')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_036.gif" width=11 onclick="SetChar('au_036')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_037.gif" width=11 onclick="SetChar('au_037')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_038.gif" width=11 onclick="SetChar('au_038')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_039.gif" width=11 onclick="SetChar('au_039')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_040.gif" width=11 onclick="SetChar('au_040')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_041.gif" width=11 onclick="SetChar('au_041')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_042.gif" width=11 onclick="SetChar('au_042')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_043.gif" width=11 onclick="SetChar('au_043')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_044.gif" width=11 onclick="SetChar('au_044')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_045.gif" width=11 onclick="SetChar('au_045')" border="0"></TD> </TR> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_046.gif" width=11 onclick="SetChar('au_046')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_047.gif" width=11 onclick="SetChar('au_047')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_048.gif" width=11 onclick="SetChar('au_048')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_049.gif" width=11 onclick="SetChar('au_049')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_050.gif" width=11 onclick="SetChar('au_050')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_051.gif" width=11 onclick="SetChar('au_051')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_052.gif" width=11 onclick="SetChar('au_052')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_053.gif" width=11 onclick="SetChar('au_053')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_054.gif" width=11 onclick="SetChar('au_054')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_055.gif" width=11 onclick="SetChar('au_055')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_056.gif" width=11 onclick="SetChar('au_056')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_057.gif" width=11 onclick="SetChar('au_057')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_058.gif" width=11 onclick="SetChar('au_058')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_059.gif" width=11 onclick="SetChar('au_059')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_060.gif" width=11 onclick="SetChar('au_060')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_061.gif" width=11 onclick="SetChar('au_061')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_062.gif" width=11 onclick="SetChar('au_062')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_063.gif" width=11 onclick="SetChar('au_063')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_064.gif" width=11 onclick="SetChar('au_064')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_065.gif" width=11 onclick="SetChar('au_065')" border="0"></TD> </TR> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_066.gif" width=11 onclick="SetChar('au_066')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_067.gif" width=11 onclick="SetChar('au_067')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_068.gif" width=11 onclick="SetChar('au_068')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_069.gif" width=11 onclick="SetChar('au_069')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_070.gif" width=11 onclick="SetChar('au_070')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_071.gif" width=11 onclick="SetChar('au_071')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_072.gif" width=11 onclick="SetChar('au_072')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_073.gif" width=11 onclick="SetChar('au_073')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_074.gif" width=11 onclick="SetChar('au_074')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_075.gif" width=11 onclick="SetChar('au_075')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_076.gif" width=11 onclick="SetChar('au_076')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_077.gif" width=11 onclick="SetChar('au_077')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_078.gif" width=11 onclick="SetChar('au_078')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_079.gif" width=11 onclick="SetChar('au_079')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_080.gif" width=11 onclick="SetChar('au_080')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_081.gif" width=11 onclick="SetChar('au_081')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_082.gif" width=11 onclick="SetChar('au_082')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_083.gif" width=11 onclick="SetChar('au_083')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_084.gif" width=11 onclick="SetChar('au_084')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_085.gif" width=11 onclick="SetChar('au_085')" border="0"></TD> </TR> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_086.gif" width=11 onclick="SetChar('au_086')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_087.gif" width=11 onclick="SetChar('au_087')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_088.gif" width=11 onclick="SetChar('au_088')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_089.gif" width=11 onclick="SetChar('au_089')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_090.gif" width=11 onclick="SetChar('au_090')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_091.gif" width=11 onclick="SetChar('au_091')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_092.gif" width=11 onclick="SetChar('au_092')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_093.gif" width=11 onclick="SetChar('au_093')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_094.gif" width=11 onclick="SetChar('au_094')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_095.gif" width=11 onclick="SetChar('au_095')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_096.gif" width=11 onclick="SetChar('au_096')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_097.gif" width=11 onclick="SetChar('au_097')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_098.gif" width=11 onclick="SetChar('au_098')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_099.gif" width=11 onclick="SetChar('au_099')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_100.gif" width=11 onclick="SetChar('au_100')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_101.gif" width=11 onclick="SetChar('au_101')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_102.gif" width=11 onclick="SetChar('au_102')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_103.gif" width=11 onclick="SetChar('au_103')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_104.gif" width=11 onclick="SetChar('au_104')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_105.gif" width=11 onclick="SetChar('au_105')" border="0"></TD> </TR> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_001.gif" width=11 onclick="SetChar('au_001')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_002.gif" width=11 onclick="SetChar('au_002')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_003.gif" width=11 onclick="SetChar('au_003')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_004.gif" width=11 onclick="SetChar('au_004')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_005.gif" width=11 onclick="SetChar('au_005')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_06.gif" width=11 onclick="SetChar('au_06')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_07.gif" width=11 onclick="SetChar('au_07')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_08.gif" width=11 onclick="SetChar('au_08')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_09.gif" width=11 onclick="SetChar('au_09')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_10.gif" width=11 onclick="SetChar('au_10')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_11.gif" width=11 onclick="SetChar('au_11')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_12.gif" width=11 onclick="SetChar('au_12')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_13.gif" width=11 onclick="SetChar('au_13')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_14.gif" width=11 onclick="SetChar('au_14')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_15.gif" width=11 onclick="SetChar('au_15')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_16.gif" width=11 onclick="SetChar('au_16')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_17.gif" width=11 onclick="SetChar('au_17')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_18.gif" width=11 onclick="SetChar('au_18')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_19.gif" width=11 onclick="SetChar('au_19')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_20.gif" width=11 onclick="SetChar('au_20')" border="0"></TD> </TR> <TR> <TD><IMG height=11 src="<$MTBlogURL$>au/au_21.gif" width=11 onclick="SetChar('au_21')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_22.gif" width=11 onclick="SetChar('au_22')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_23.gif" width=11 onclick="SetChar('au_23')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_24.gif" width=11 onclick="SetChar('au_24')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_25.gif" width=11 onclick="SetChar('au_25')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_26.gif" width=11 onclick="SetChar('au_26')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_27.gif" width=11 onclick="SetChar('au_27')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_28.gif" width=11 onclick="SetChar('au_28')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_29.gif" width=11 onclick="SetChar('au_29')" border="0"></TD> <TD><IMG height=11 src="<$MTBlogURL$>au/au_30.gif" width=11 onclick="SetChar('au_30')" border="0"></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> </TBODY> </TABLE>

注意：Javascriptを利用して画像のURLを入力するだけなので、テキストエリア内でタグが丸見えになります。いい方法あったら教えてください。

-------------------------------------
▼12月23日追記
・stroll::blog | コメントにカスタマイズ絵文字入力機能
の方法だと、タグが見えないのでコチラをオススメします。

投稿者 hira : June 5, 2004 11:59 PM | トラックバック

連載【つたえる】（２）メールに絵文字で温かみ
こんなこともできます。
（注意：携帯にメールは送れません。）

疾走！じゃ、無くて、

Posted by: hira : June 6, 2004 04:09 PM

はじめまして。突然すみません。
この記事を参考にさせていただいて
大変助かったのでトラックバックさせていただこうと思ったのですが、
文字コードに色々と問題があったらしく、見事に文字化けしてしまいました・・・。
本当にすみません。

夜を徹して文字化けについて調べたんですが・・・
さっぱりです・・・難しいですね。

ほんとうにすみませんでした。

Posted by: aya : August 2, 2004 04:20 AM

ayaさん書き込みありがとうございます！

いえいえどういたしまして。
文字化けしたトラックバック消しておきましたので、よかったらまたトラックバックして下さい。MT3.0を導入されたようで、上手くいったでしょうか？

Posted by: hira : August 16, 2004 01:00 AM

トラックバックの削除、お手数かけました。
現在使っているブログでとある部分が文字化けしてしまっているためにトラックバックの文字化けが起こってしまったようです。
どう変えたら改善されるのかが分からなくて
今もう1つ後に出たMovable Type 3.01D-jaで構築しなおしています。
そっちのほうは文字化けしていないようなので
完成したらもう1度トラックバックさせてください。

Posted by: aya : August 16, 2004 11:17 AM

ｈｉｒａさん、はじめまして。

こちらのカスタマイズ方法、とても簡単でしたので
アイコンだけ別のモノに変えて利用させていただきます。(-ω- ゞ
お世話になりました。ありがとうございました

あ、トラックバックもさせていただきましたョ

Posted by: りえ* : December 19, 2004 11:24 AM

りえ*さん、TBありがとうございました。
strollさんの方法にされたみたいですが、
確かにこちらの方がスマートな感じでいいですね！
そんなわけで本文に追記しておきました。

Posted by: hira : December 23, 2004 04:09 PM

こんにちは。はじめまして。
ブログにこちらのスクリプトを使わせていただきました。
どうもありがとうございました。

Posted by: さえら : December 29, 2004 05:09 PM

はじめまして。★SWEETS★管理人のようこです。
SWEETSの素材を使っていただき、どうもありがとうございます。

HPのURLが変更になりましたので、お知らせさせてください。
新しいアドレスは、http://homepage3.nifty.com/~sweets/です。
これからもよろしくお願いします。

Posted by: ようこ@SWEETS管理人 : December 13, 2005 09:51 PM

こちらこそありがとうございます。
リンク先を修正せていただきました。

新しいページではアイコンが増えて、見ているだけで楽しい気分です。
今後ともよろしくおねがいします！

Posted by: hira : December 16, 2005 12:15 AM

こんにちは。以前 MTで使わせていただいたのですが、今度は SereneBachで使わせていただきました。
ありがとうございました。

Posted by: さえら : January 21, 2006 09:25 AM

コメントする

名前:

メールアドレス

URL:

お手数ですがスパム対策の為ここをチェックしてください

名前、アドレスを登録しますか?
YesNo
コメント: