Emoji Rendering for the web
What are Emojis?
Emojis are emoticons that are commonly used in text messaging. They are encoded as unicode characters that most fonts can't properly render yet. So unless your on an iOS or Android device you likely won't be able to see very many of them if any. With emojijs you can easily replace the emojis with icons that any browser could render.
How to use
Add emoji.js and emoji.css to your project and add the following in the
<head> section of your project:
emoji.parseEmoji(emojiString); emoji.emojify(element); emoji.emojifyWholePage();
And if you're using jquery then the jquery plugin will load and you can do the following:
This will parse the emojis in all text nodes found inside your selected elements.
To emojify the whole page and all changes that happen to it use the following global jQuery function: