JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true" class="editor"></div>
<button>save</button>
<div class="data"></div>

CSS

[contenteditable=true]
{
    background: #EEE;
    min-height: 100px;
}
pre
{
    border: 1px solid #CCC;
    padding: 5px;
}

JavaScript

$('button').on('click', function() {
    $('.data').append('<pre>' + $('.editor')[0].innerText + '</pre>');
});