JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<div contenteditable="true" class="editor"></div>
<div contenteditable="true" class="editor"></div>
<div contenteditable="true" class="editor"></div>
<button id="getter">Get values</button>
<div id="debug"></div>

CSS

.editor, #debug {
    padding: 10px;
    margin: 5px;
    width: 200px;
    min-height: 50px;
}
.editor {
    border: 1px solid #ccc;
}
#debug {
    border: 1px solid tomato;
}

JavaScript

$(function(){
    $('#getter').on('click', function(){
        var html = [];
        $('.editor').each(function(){
            html.push($(this).html());
        });
        $('#debug').html(html.join('<hr>'));
    });
});