ブログの絵文字挿入フォームを改善

これまで当ブログのコメントでの絵文字の使用はThe blog of H.Fujimoto::InsertIconプラグイン別ウィンドウでリンクを開きますを利用し、コメント入力欄下にある絵文字の一覧から好きなものを選んで挿入できるようにしていました。

最近のブログサービスでは、コメント欄付近にあるアイコンをクリックすると絵文字の一覧が表示される仕組みのものが多くなり、自分のブログでも同じことができないかと考えました。

そこで見つけたのがCSS HappyLife::emoddyプラグイン別ウィンドウでリンクを開きますで、自分の希望する動作をしてくれそうです。

しかしこちらのプラグイン、実際にコメント欄で絵文字を使用するとその画像までのURLをIMGタグで貼り付けてしまいます。InsetIconは同じ作者のConvertIconMacroプラグインを併用し「:emoji+xxxx.gif:」というマクロ形式で画像のファイル名のみ表示、コメント書き込み時にIMGタグに変換して表示するようにしていました。IMGタグを長々と表示するのは嫌だし、システムでコメントでのタグ使用を許可する必要がありセキュリティの不安もあります。

考えた結果、emoddyプラグインに同梱のJavaScriptファイルを改良し、同じようなマクロ形式で出力するようにしました。さらにファイル名に含まれる拡張子「.gif」も表示しないように、ConvertIconMacroプラグインも併せて改良してみました。

使えそうなアイコンがあれば、今後も増やしていく予定です。