How can i use it my blog ? about twemoji HOT 2 CLOSED

This is just one way of doing it.

You can add the proper image style on top of your template:

<style>
img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}
</style>

Plus the twemoji library

<script src="//twemoji.maxcdn.com/twemoji.min.js"></script>

And at the bottom of the template, where there are usually other scripts, you can:

<script>
(function (div) {
  for (var i = 0, re = /\bblog-posts\b/; i < div.length; i++) {
    if (re.test(div[i].className)) {
      twemoji.parse(div[i]);
    }
  }
}(document.getElementsByTagName('div')));
// it could be faster and simpler via
// document.querySelectorAll('.blog-posts')
// but I wanted to avoid errors with older browsers
</script>

This should replace all emoji chars in your posts with images, by default 36x36 png.

However, you need to be able to write emoji in your posts, using as example a compatible mobile device, since this project is about reading with emoji, and not writing them.

It would be awesome to have a plugin based on twemoji able to let anyone include them in any textarea. Maybe coming soon from third parts?

Hope this helped.

from twemoji.

great example :) like it

from twemoji.