特定のテキストを絵文字に変換するスクリプト・emojify.js

スポンサーリンク

予め決められた特定のテキ
ストを絵文字に変換する、
というスクリプトのご紹介。
WordPressなどのCMSでも一部
で導入されていますね。需要
は高いほうじゃないかと。

絵文字変換スクリプトです。絵文字はdata URI schemeを使用します。スクリプト自体は非依存型なのでそのままJSとCSSを読み込めば利用可能です。

emojify.js


絵文字はGithubなどでも採用されているものと同様です。なので、置換テキストはEMOJI CHEAT SHEETで確認できます。

例えば

:sunny:

と書くと


上記のアイコンがリサイズされて置換表示されます。

特定のキーワードを分析して特定のclassを持つDOMに置換するっぽい。

冒頭にも書きましたが、絵文字はdata URI schemeを使用します。よって、LESS等を使うかCSSをコンパイルする必要があります。便利だけど個人的には少し躊躇しますね・・絵文字を多用するなら検討したい所です。

ライセンスはMITだそうです。以下よりどうぞ。

emojify.js

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services