Se daba el caso hoy de que tenía que recoger el texto extraído de un textarea, mediante javascript, y mostrarlo dentro de un div al pulsar un botón en pantalla. ¿Y qué problema había? Que los saltos de línea desaparecían. ¿Cómo se puede solucionar? De dos formas: Hay con vertir el caracter ASCII(10), que se representa con el símbolo \n en una etiqueta br, o como otra opción meter el texto entre etiquetas pre para que sea interpretado por el navegador como texto preformateado. Veamos el ejemplo:
//usando jQuery var texto = $('#idDelTextarea').val(); texto = texto.replace(/\n/g, "<br />"); $("#idDelDiv").html(texto); //sin jQuery var texto = document.getElementById("idDelTextarea").value; texto = texto.replace(/\n/g, "<br />"); document.getElementById("idDelDiv").innerHtml = texto; //con <pre> //recogemos el texto con alguno de los métodos anteriores texto = "<pre>" + texto + "</pre>"; //y lo metemos en el div
Hola, esto es suficiente: style=”white-space: pre-line”