顔文字を挿入できるJavaScript

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

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

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

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

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

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

フレームの幅
挿入先ID

貼り付け用タグ：

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

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

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

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

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

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

1 Comment to “顔文字を挿入できるJavaScript”

顔文字を挿入できるプラグイン（自作）｜広島、晴れのち晴れ 2010 年 4 月 9 日 18:36
[...] JavaScriptタグを貼るだけで呼び出せる顔文字挿入フォームも作成しました。こちらはタグを貼るだけなので、HTMLファイルやテンプレートファイルを変更できるのであれば手軽に導入でき [...]