Skip to content
Transform anything into anything e.g. chat emoticons into icon font emo's from Fontelico.
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
img
js
README.md

README.md

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

emocons

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.

Something went wrong with that request. Please try again.