顔文字を挿入できるJavaScript

コメント欄に顔文字が挿入できるJavaScriptです。
元々顔文字を挿入できるプラグイン(WordPress用)があったのですが、JavaScriptだけで実現できるように変更したバージョンです。

テンプレートファイルやHTMLを変更できるのであれば、どのホームページ、ブログでも対応していると思います。もちろんクライアント側でJavaScriptを無効にしていれば無理ですけど…。

 

機能 | 
更新履歴 | 
設置 | 
自分で設定 | 
免責事項 | 
著作権について

 

機能

フォームのテキストに顔文字を挿入出来ます。

デモページ

自分で色々顔文字を追加したい場合はスクリプトごとダウンロードして自分のサーバー内に設置してください。(設置、設定方法は後述)

 

更新履歴

2010-04-06
公開
 

設置

スクリプトタグの貼れる場所であればどこでも機能すると思います。が、実際のところ試してませんのでよく分かりません。もし設置された方で上手く動かないという方はご連絡いただくか、コメントを書いていただけると嬉しいです。

顔文字フレームの幅と挿入先のIDを入力後「スクリプト出力」ボタンをクリックします。下部に表示されたスクリプトタグを任意の場所に貼り付ければ動きます。ただし、prototype.jsを利用されている環境だともしかしたら変な事になるかもしれません。

フレームの幅
挿入先ID

 

貼り付け用タグ:

 

自分で顔文字を設定したい場合

ご自分で顔文字を設定したい場合はまず以下の4つのファイルをダウンロード保存(ファイルはUTF8形式です)してください。

jquery-1.4.2.min.js
kaomoji-list.js
tico-kaomoji-edit.css
tico-kaomoji-edit.js

この内、kaomoji-list.jsファイルが顔文字の一覧になっていますので、自由に変更してください。

変更後、ダウンロードした4つのファイルを好きな場所にアップロードします。(全部同じ階層に入れます)

呼び出しは上記「貼り付け用タグ」を参考に、「http://tico-jpn.com/kaomoji_edit/」の箇所を適切に書き換えて使用します。

 

免責事項

このスクリプトファイルを利用して何らかの問題が起こったとしても本サイトは一切責任を持ちません。ご自身の責任においてご利用ください。

 

著作権について

 

Creative Commons License
この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。

One comment

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です