emojis

by billjohnston4

HTML

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


<div id='text'>
#garden #revamp coming along nicely few more raised beds to put in #growsomethinggreen #growwhatyoulove #drgreenthumb \ud83c\udf31
</div>
<br/><br/><br/>
<div id='emoji'></div>

CSS

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

JavaScript

document.getElementById('emoji').innerHTML = twemoji.parse(
	JSON.parse('"'+document.getElementById('text').innerText+'"')
);