JSFiddle - React, Tailwind, and code Playground

by Ivan

HTML

<form class="form-inline" id="messageForm">
    <input id="nameInput" type="hidden" class="input-medium" value="<?php echo $log_username;?>" />
    <input id="canalInput" type="hidden" class="input-medium" value="<?php echo $name;?>" />
    <input id="messageInput" name="messageInput1" placeHolder="Ваше сообщение" />
    <input id="botron" type="submit" value="Send" onclick="$('messageInput').val('')" />
</form>
</div>
<script>
    $('.emojis-plain').emojiarea({
        wysiwyg: false
    });

    var $wysiwyg = $('#messageInput').emojiarea({
        wysiwyg: true
    });
    var $wysiwyg_value = $('#emojis-wysiwyg-value');

    $wysiwyg.on('change', function() {
        $wysiwyg_value.text($(this).val());
    });
    $wysiwyg.trigger('change');
</script>