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

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

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

そこで見つけたのがCSS HappyLifeemoddyプラグインで、自分の希望する動作をしてくれそうです。

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

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

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


記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
管理人だけが読める秘密のコメントを投稿したい場合はアイコン下のテキストボックスに入力すると同時に送信されます。
今後の励みになりますのでよろしくお願いします!




 

 

現在の感情は?

 絵文字を使う クリックで絵文字を使用

  • サインインして投稿したコメントは即時公開されますが、サインインしない場合はスパム対策のため一旦保留とし、管理者の承認後に公開されます。
  • 英文のみの投稿やシステムがスパムと判断した内容は公開されません。また、管理者が不適切と判断したものは削除します。
  • タグは使用出来ません。
  • Gravatarによるアバター画像の表示に対応しています。
ブログパーツ
Recent Entries
Recent Comments
Categories
Monthly Archives
Information
ツイッター
Facebookページへ
ブログの更新はツイッターフェイスブックページでお知らせしています。Windows8以降のライブタイルにも対応しています。
 プロフィールページ
 メールフォーム
 フォトサムネイル
 投稿動画
 mixi
 YouTube
 ニコニコ動画
RSS