JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="divEditable" contenteditable></div>
CSS
#divEditable {
width: 400px;
height: 600px;
background: grey;
overflow: auto;
margin-right: 20px;
}
JavaScript
$(function () {
// localStorage.clear()
$('#divEditable').focusout(function () {
//var content = $(this).text()
var content = $(this).html().replace(/<(?!br\s*\/?)[^>]+>/g, '');
localStorage.setItem('div', content)
loadDiv()
})
})
var loadDiv = function() {
$('#divEditable').html(localStorage.getItem('div'))
console.log(localStorage.getItem('div'))
}