JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://js.nicedit.com/nicEdit-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<div id="dialog" title="test" style="display:none;">
    <form>
        <textarea id="editor"></textarea>
    </form>
</div>
<input type="button" id="test" value="open dialog wysiwyg"/>

CSS

textarea{
    width: 100%;
    height:300px;
}

JavaScript

$('#test').click(function(){
    $('#dialog').dialog({
        width:400,
        height:400,
        modal:true,
        open: function(){
            new nicEditor({ minHeight: 220, maxHeight: 220, buttonList: ['link', 'unlink']}).panelInstance('editor');
        }
    });
    
    
});