JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<div id="comment" style="display:none"></div>
<form id="peter">
    <textarea id="peterText"></textarea>
</form>
<div class="button">Save</div>

CSS

div.button{
    float:left;
    border: 1px solid #8EC1DA;
    background-color: #DDEEF6;
    border-radius: 14.5px;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    color: #3985a8;
    text-shadow: 0 1px #fff;
    padding: 5px 25px;
    cursor:pointer;
}
#peterText{
    width:421px;
    height:155px;
}

JavaScript

bkLib.onDomLoaded(nicEditors.allTextAreas);
$(document).ready(function() {
    $('.button').click(function(event) {
        
        event.preventDefault();
        
        var data = $('#peter').find('.nicEdit-main').html();
        //alert(data);
        
        $("#comment").html(data).show('slow');
        
        $('.nicEdit-main').html('');
        
    });
});