Solo necesito mostrar el valor del área de texto en otro div como una vista previa en vivo.
clonar el valor del área de texto y agregarlo a otro div
Necesita lograr dos cosas pero la primera se logra parcialmente
$('textarea').keyup(function(e){ //console.log(e) let content = e.target.value.replace(/\r\n|\r|\n/g, "<br />") $('.content').html(content); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea name="" id="" cols="30" rows="10"></textarea> <div class="content"> Live textarea content here </div>Puede usar replaceAll() para reemplazar los espacios en blanco:
$('textarea').keyup(function(e){ let content = e.target.value.replaceAll(" ", " ").replace(/\r\n|\r|\n/g, "<br />") $('.content').html(content); });Simplemente agregue la etiqueta pre para mantener los espacios.
$('textarea').keyup(function(e){ //console.log(e) let content = e.target.value.replace(/\r\n|\r|\n/g, "<br />") $('.content').html("<pre>"+content+"</pre>"); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea name="" id="" cols="30" rows="10"></textarea> <pre> <div class="content"> Live textarea content here </div> </pre>simplemente reemplace su etiqueta div a la etiqueta pre . y no necesita usar la función de replace también.