JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div id="content" contenteditable="true">this is some content</div>
<textarea id="target"></textarea>
CSS
#eetextarea {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
width: 450px;
height: 250px;
overflow: auto;
padding: 2px 5px;
}
#holder {
width: 450px;
height: 250px;
resize: none;
}
JavaScript
$("#content").on('keyup', function () {
var value = $(this).html();
$("#target").val(value);
})
.trigger('keyup');