FCafe  絵文字タグ入力

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  「正規表現」を少しばかり齧って絵文字タグを画像化できるようになった管理人。
「ここまで来たらついでに(?)コメント欄でも絵文字を使えるようにしちゃるわい ! 」
などと考えまして挑戦してみる事にしました。
 ・・・でも、どうやったらいいんだべさ?
絵文字タグの img タグへの変換方法が分かっても、コメント中で(FC2の)絵文字を使うことはできません。 コメント投稿時に絵文字タグを自由に入力できるようにしなければ。
「ウチはコメントにも絵文字が『表示』できますよ~」 と入力欄に謳っても、自blogのエントリ編集画面を開いて絵文字タグをコピペしてくれる人なんてそうは居ない筈(私ならやりません)。
勿論FC2blogユーザでない来訪者には 「何のこっちゃ」 となってしまいます。

  しかし、へたれ管理人にはこの手のスクリプトの経験はゼロです。 ( やっぱ 無理か? )
・・・そう思い掛けた時、ある考えが浮かびました。 ( あっ その手があったか ! )

中略 . . . . .

・・・という訳で(?) 何とかFC2全絵文字が入力可能なインタフェースを作る事ができました。

SAMPLE

◎ 後の画像化を簡単にする為に独自の短縮 format を使用しています。
◎ ソースの参照・転用・改変は御自由にどうぞ。 ( サポートテンプレを待つ!?)
既存テンプレートへの適用法は後日UPさせていただきます


なお 「短縮版絵文字タグ」がマッチする正規表現は以下のようになります。
\[[vie][0-9]+\] 画像化スクリプトは以下の通りです。 <script type="text/javascript"><!--
function EmojiHyoji2(id) {
var A = "<img src='http://blog3.fc2.com/image/";
var B = document.getElementById( id );
C = B.innerHTML.replace(/\[([vie])([0-9]+)\]/g, A+"$1/$2.gif'>");
B.innerHTML =C;
}
//--></script>

適用前

適用後


Comment

Edit
07/07 16:58

これ、楽しいです(嬉)
前回の「画像化」の記事を見て
「あれ…でも絵文字コードをいちいち調べて入力するの大変だよね…」
と思っていたので、いきなり解決策が提示されていて驚きました。

さっきうちのブログで実験してみたので(結局テキストエリアに文字が入らなかったのですがorz)、トラックバック送らせていただきますね~

そういえば、昨日耳呈さんと話してらっしゃった
「月別アーカイブへのリンク」、今までの私のテンプレではリンクを入れるのにちょうどいい場所がなかったんですが、新作でやってみようかなと思います。
リンク先でエントリーがずららっと出て、お客様をびびらせてしまわないかがちょっと心配ではあるのですが…(^^;

daniel daniel Edit
07/07 17:18

洵さん こんにちは~ 
このスクリプトはform と textarea の「名前(name)」が肝心です

コメントformを記事編集formと同じ(名前)にしちゃえばイイじゃん!
・・・と最初は思ったんですが、オーナー以外には別窓が開かないんじゃないかとか考えて、このような形にしてみました。
この他にも例えば、

for (i=1;i<=3;i++) {
  ・・・?・・・
for (j=1;j<=n[i];j++) {
document.write('<img・・・ onclick="・・・">');
} }

などとする方法もありますが client-side mapの方がずっと「軽い」ので。
( 洵さんのテンプレにどーすか?? )

http://pcafe.blog3.fc2.com「ABC」


.  
HN Title URL PW secret

TrackBack http://pcafe.blog3.fc2.com/tb.php/172-88484fc7

Shown after Admisson
ウェビンブログ *
FCafeのdanielさんが、また面白い拡張機能を作ってますよ~FCafe:絵文字入力実際にやってみた。(←トリビアのナレーション風)
.

≫ 絵文字タグ入力 2 絵文字タグ画像化 ≪

2005 / 07 / 07  Thu
Comment/TB   
Comment 2 / TB 1 / Edit
Designed by Daniel Corporation . all rights renounced
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。