emojer
Smiles to emojis. Natively.
Emojer is a simple library to transform your smiles like :) to 😃.
We use the String.fromCodePoint method to transform char code to the emoji. Not images.
To use it, is very simple, let's take a look:
const rock = emojer.parse('My rock text :rock: ;P');
The result will be: My rock text 🤘 😜
Demo
- Playground: https://cezarlz.github.io/emojer/
- Chat example: https://codepen.io/CezarLuiz0/pen/xrNKwm
Install
npm install emojer.js --save
yarn add emojer.js
API
emojer.parse(string: text)
Parse the string to the string "emojed".
Example:
emojer.parse('Hello guys :D');
emojer.addEmoji(string: smile, number: charCode)
Add a new emoji to the list to be replaced by the charCode.
Example:
emojer.addEmoji("--'", 0x1f612);
You can check the full list of emojis and their unicodes here.
emojer.setConfigs(object: newConfigs)
Emojer uses configs to do somethings, like add css classes to the emoji and a option to render the emojis with a HTML wrapper.
The default configs are:
{
span_classes: [],
html: true
}
You can use it:
emojer.setConfigs({
span_classes: ['foo', 'bar''],
html: false
});
By default, emojer adds the emojer-icon css class in every emoji rendered if the flag html is true.
Emojis Available
:) :] =) =] (: [: (= [= :3 :D =D ;) ;] (H) :* :| :O :P ;P :'( :'[ )': ]': :# (A) :( :[ :@ (6) +( +[ <3 S2 (L) (8) (Y) (OK) :rock: :-) :$ ;-) :-* ;* =-O :-P :/ :-P *_* +_+ >_< O_O
Contributing
Just clone, yarn, npm start, make your magic, push and open a pull request. Voilá!
Browser and OS Support
Check the support of native emojis here.
Made with ❤️