<!DOCTYPE html>
<body>
<div discomoji>Example Text a:speen:847583231850446858 </div> <!-- discomoji element-->
<script type="text/javascript" src="discomoji.js"></script> <!-- Load discomoji.js library at the bottom of body -->
</body>
For dynamic uses, an element can be passed into Dicomoji.init()
(defaults included)
width: "auto", // Emoji width
height: "auto", // Emoji Height
"font-size:" window.getComputedStyle(this.element, null).getPropertyValue("font-size").replace(/\D/g, ''), // Emoji max height (in px)
offsetY: (parseFloat(window.getComputedStyle(this.element, null).getPropertyValue("font-size")) / 6) + "px", // Emoji shift up/down
offsetX: 0, // Emoji shift left/right
animated: true, // Allow emojis to be animated or not
draggable: false // Allow emojis to be draggable or not
hoverinfo: false // Displays emojis tag when hovered over
"emoji-only-scale": false // Set true if emojis should scale up to be larger when there is no text along with the emojis
onError: "this.style.display='none';" // sets the onerror for the emoji's generate img tag
(the animated emoji a:speen:847583231850446858
is being used in these examples)
'<a:speen:847583231850446858>'
'[a:speen:847583231850446858]'
'(a:speen:847583231850446858)'
Only emoji's that follow this format will be converted by discomoji. (both animated/static emoji formats are accepted)