JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://premiumsoftware.net/cleditor/jquery.cleditor.css">
<script src="http://premiumsoftware.net/cleditor/jquery.cleditor.min.js"></script>
<textarea id="input" name="input"></textarea>
<p id="x"></p>

CSS

#x{
    width:300px;
    height:100px;
    border:1px solid #ccc;
    margin-top:20px;
}

JavaScript

$(document).ready(function(){
    
var cledit = $("#input").cleditor()[0];
   
    cledit.change(function(){
        var v = this.$area.context.value;
        $('#x').html(v);
    });

});