Simple Emoji Picker Based On Twemoji - jQuery disMojiPicker

Simple Emoji Picker Based On Twemoji - jQuery disMojiPicker
File Size: 6.27 KB
Views Total: 207
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

disMojiPicker is a simple-to-use jQuery emoji picker that supports the latest Unicode emoji and uses Twitter's Twemoji to provide 3200+ SVG & PNG emoji images.

How to use it:

1. To use this emoji picker, load the latest jQuery and Twemoji libraries in the document.

<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/twemoji.min.js"></script>

2. Download the plugin and load the DisMojiPicker.js plugin's files in the document.

<link rel="stylesheet" href="css/emojis.css" />
<script src="js/DisMojiPicker.js"></script>

3. Create a container to hold the emoji picker box.

<div id="emojis">
</div>

4. Initialize the emoji picker.

$("#emojis").disMojiPicker();
twemoji.parse(document.body);

5. Output the emoji you just picked.

$("#emojis").picker(
  emoji => console.log(emoji)
);

This awesome jQuery plugin is developed by Je7z. For more Advanced Usages, please check the demo page or visit the official website.