JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="https://romb.github.io/jquery-dialogextend/build/jquery.dialogextend.js"></script>
<link rel="stylesheet" href="https://rawgit.com/mervick/emojionearea/master/dist/emojionearea.css">
<script src="https://rawgit.com/mervick/emojionearea/master/dist/emojionearea.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/js/emojione.min.js"></script>
<ul>
<li class="list" id="1">Postare</li>
</ul>
JavaScript
$(function(){
$(".list").click(function(){
$(this).html('<div><input class="input" placeholder="Type your message here..." type="text"><button type="button" class="btn-send">Gửi</button></div>')
$(this).find(".input").emojioneArea({
});
});
});