絵文字機能

ブログの絵文字ってのはどうやって表示されているのか、簡単に調べてみた。

http://rgrg.blog61.fc2.com/blog-entry-654.html

このブログの中に幾つかの絵文字がある。それらがどうやって設置されているのかを見てみると、ソースの中にこういう記述がある。

<img class="emoji" border="0" style="border: 0pt none ;" alt="potato" src="http://blog-imgs-1.fc2.com/emoji/2007-02-12/20673.gif"/>

CSSで絵文字のクラスを作って表示のされかたを統一する。
src で絵文字までの絶対パスを指定する。

FC2の編集画面のソース。

<img src="a/admin/images/icons/iicon.gif" onclick="Emoji('body','i');" alt="i-mode絵文字を挿入する" title="i-mode絵文字を挿入する" class="func_button" width="18" height="18" />

<img src="a/admin/images/icons/eicon.gif" onclick="Emoji('body','e');" alt="Ezweb絵文字を挿入する" title="Ezweb絵文字を挿入する" class="func_button" width="18" height="18" />

<img src="a/admin/images/icons/softbank.gif" onclick="Emoji('body','v');" alt="softbank絵文字を挿入する" title="softbank絵文字を挿入する" class="func_button" width="18" height="18" >

Emoji っていう関数を呼び出す。'body' と 'e' を引値としてわたしている。 'e' は Ezweb の e。クリックすると新しいブラウザが開いて顔文字を選択できるようになっている。選択すると [emoji:e-2] のような記号が入力欄に現れる。