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="inputcledit" 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 = $("#inputcledit").cleditor()[0];
     $(cledit.$frame[0]).attr("id","cleditCool");
    
    var cleditFrame;
    if(!document.frames)
    {
       cleditFrame = $("#cleditCool")[0].contentWindow.document;
    }
    else
    {
        cleditFrame = document.frames["cleditCool"].document;
    }
    
    $( cleditFrame ).bind('keyup', function(){
        var v = $(this).text(); // or .html() if desired
        $('#x').html(v);
    });
  
});