por favor, coloque el cursor en el y de lorem ipsum
luego presione Enter - nueva línea
entonces escribe - dolor
el resultado en divb es - <div>lorem ipsum</div><div>dolor</div>
cómo obtener lo siguiente en divb :
<div>lorem ipsum</div> <div>dolor</div> $('#diva').on('input', function(){ let a = $(this).html(); $('#divb').text(a); }); #diva, #divb{background:#ddd; padding:9px;} #divb{white-space:pre-wrap;} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id='diva' contenteditable> <div>lorem ipsum</div> </div> <br> <div id='divb'></div>Cada línea en un contenido editable está envuelta en un div .
Puede dividir el HTML con una etiqueta div de cierre y luego volver a unirlo con una nueva línea:
$('#diva').on('input', function() { let a = $(this).html(); $('#divb').text(a.split("</div>").join("</div>\n")); }); #diva, #divb { background: #ddd; padding: 9px; } #divb { white-space: pre-wrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id='diva' contenteditable><div>lorem ipsum</div></div> <br> <div id='divb'></div>