JSFiddle - React, Tailwind, and code Playground
HTML
<div class="b-oneColumn w-text">
<div class="e-text1">
<textarea id="mce_0" class="tiny" rows="10" ria-hidden="true">Some text here</textarea>
<span id="mce_0_parent" class="mceEditor defaultSkin">.....</span>
</div>
</div>
<button id="b1">Click</button>
JavaScript
function processTextForServer(widget) {
var myText = 'mycontent';
var tmp = widget.clone(true, true);
$('#mce_0', tmp).text(myText);
$('.mceEditor', tmp).remove();
var widgetHtml = $(tmp).html();
alert(widgetHtml);
}
$('#b1').click(function() {
processTextForServer($('.w-text'));
});