JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content" contenteditable='true'></div>
<div id="result"></div>
<input id="submit" type="button" value="Submit">

CSS

div {
 width:150px;
 height:120px;    
 border:1px solid #999;
 display:inline-block;
 margin:5px;
 vertical-align:top;
}
input {
 display:block;
 margin:5px;    
}

JavaScript

$(function($){
    $.fn.editableContent = function() {
        return this.html().replace(/<div>/gi,'<br>').replace(/<\/div>/gi,'');   
    };
});
    
$('#submit').click(function(){
    $('#result').text(($('#content').editableContent()));
});