GitHubあたりからテキストエリアでの絵文字入力が使われるようになったと思います。アイコンはコミュニケーションを円滑にしたり、ちょっとしたコメントであれば絵文字だけで済んでしまうので手軽に使うことができます。 そんな絵文字入力を自分のサイトにも取り込みたいと思うならばTextcompleteを使ってみましょう。

Textcompleteの使い方

デモです。最初の表示が行われた時点で候補の絵文字が表示されています。

:を打った後に何か文字を入力すると入力補完候補が表示されます。

選択すると、テキストエリアには絵文字ではなく、テキストが表示されます。GitHubに近い表示と言えるでしょう。

TextcompleteはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Textcomplete yuku-t/textcomplete: Autocomplete for textarea elements