A plugin that can be used to convert :emoji_name: to actual emojis.
npm i -S embed-js embed-plugin-emoji
https://unpkg.com/embed-plugin-emoji
It supports all the emojis supported by emoji.css. If you are using this plugin, you need to load
@import url("https://unpkg.com/emoji.css/dist/emoji.min.css")
In case you want to use a custom CSS, you can change the template by passing a new template in the options.
import EmbedJS from 'embed-js'
import emoji from 'embed-plugin-emoji'
const x = new EmbedJS({
input: document.getElementById('element'),
plugins: [
emoji({
regex: /emojiRegex/gi, // in case you want to define a custom regex
template(emojiName) {
// optional template
}
})
]
})
Known issue : It doesn't check if a particular name is a valid emoji name. So if you use a test like :not_valid_emoji_name:
, it will still convert it to
a span element with that class name.
MIT @ Ritesh Kumar