😍 😜 😂 😛 Instantly get Emoji shortcode and unicode from Emoji menu 💥 ✨ 👍 🤘
Live Demo: https://bashirpour.github.io/unicode-emoji-picker/demo/
-
In your
<head>section, add the following stylesheet links. Adjust thelib/csspath to match yours.<link href="lib/css/emoji.css" rel="stylesheet">
-
Add style
position: relative;to your emoji menu location. -
Before the end of your
<body>section, add the following JavaScript links. This library depends on jQuery, so jQuery must also be included, before these scripts are run. Once again, adjust thelib/jspath to match yours.<!-- ** Don't forget to Add jQuery here ** --> <script src="lib/js/config.js"></script> <script src="lib/js/emoji-picker.js"></script>
-
finally
$(function () { window.emojiPicker = new EmojiPicker({ assetsPath: 'lib/img/', triggerButton: $("#__"), // Emoji Trigger Button Selector emojiMenuPlace: $("#__"), // Emoji Menu location Selector dontHideOnClick: 'emoji-picker', //avoid to hide on click that (`class name`) emojiResult: function (res) { // alert(JSON.stringify(res, null, 4)); console.log(res); } }); window.emojiPicker.discover(); });
- Use
$.triggerEmojiMenu()for trigger emoji menu.
It will be updated soon ...