emocons.js

Transform anything into anything e.g. chat emoticons into icon font emo's from Fontelico.

You can find a live example on CodePen.

Preview

How does it work?

emocons.js searches the content of an element for specific character sequences. All matches are replaced with a span + the class of the icon.

How to use?

JavaScript

$('.chat').emocons();

Available emoticons

<div class="chat">
    :D 
    :) 
    ;) 
    :'( 
    :o 
    :/ 
    :(
    B)
    :P
    :|
    :beer:
    :devil: 
    :shoot:
    :coffee:  
    :thumbsup: 
    :angry:
    :ueber-happy:
</div>

---

Handcrafted 2012 by @TimPietrusky in Germany.