JSFiddle - React, Tailwind, and code Playground

by padma rubhan

HTML

<div id="editable-content">
    <span id="block1" class="editable" contenteditable="true">This is some editable content which will </span>
    <span id="block2" class="non-editable">quickly be followed by some non-editable content</span>
</div>
<div style="display: none;">
    <textarea id="PostedContent"></textarea>
</div>
<div>
    <input id="save-page" type="submit" value="Save Page" />
</div>

JavaScript

<script type="text/javascript">
    $(function () {
    
            $('#PostedContent').val($('#editable-content').text());
  
    });
</script>