JavaScript: ¿Cómo agregar saltos de línea a un área de texto HTML?

Si utiliza java script general y necesita asignar una cadena al valor del área de texto, entonces

 document.getElementById("textareaid").value='texthere\\\ntexttext'.

Debe reemplazar \n o < br > a \\\n

De lo contrario da Uncaught SyntaxError: Unexpected token ILLEGAL en todos los navegadores.

Tal vez alguien encuentre esto útil:

Tuve problemas con los saltos de línea que se pasaron de la variable del servidor a la variable javascript, y luego javascript los escribía en textarea (usando knockout.enlaces de valores js).

La solución era el doble escape de nuevas líneas:

orginal.Replace("\r\n", "\\r\\n")

En el lado del servidor, porque con solo caracteres de escape simples javascript no estaba analizando.

Necesitas usar \n para linebreaks dentro de textarea

Una nueva línea es solo un espacio en blanco para el navegador y no se tratará de manera diferente a un espacio normal (" "). Para obtener una nueva línea, debe insertar elementos <BR />.

Otro intento de resolver el problema: Escriba el texto en el área de texto y luego agregue un poco de JavaScript detrás de un botón para convertir los caracteres invisibles a algo legible y volcar el resultado a un DIV. Eso le dirá lo que su navegador quiere.

Tengo un área de texto con id es #infoartist seguir:

<textarea id="infoartist" ng-show="dForm" style="width: 100%;" placeholder="Tell your contacts and collectors about yourself."></textarea>

En código javascript, obtendré el valor de textarea y reemplazaré la nueva línea de escape (\n \ r) por la etiqueta <br />, como:

var text = document.getElementById("infoartist").value;
text = text.replace(/\r?\n/g, '<br />');

Así que si estás usando jquery (como yo):

var text = $("#infoartist").val();
text = text.replace(/\r?\n/g, '<br />');

Espero que te haya ayudado. :-)

Si desea mostrar texto dentro de su propia página, puede usar la etiqueta <pre>.

document.querySelector('textarea').addEventListener('keyup', function() {
  document.querySelector('pre').innerText = this.value;
});

<textarea placeholder="type text here"></textarea>
<pre>
The
new line will
be respected
</pre>

Si solo necesita enviar el valor de la zona de prueba al servidor con saltos de línea, use nl2br

Aquí está lo que hice por el mismo problema que tuve.

Cuando estoy pasando el texto a la página siguiente en jsp, lo estoy leyendo como un área de texto en lugar de leer algo como

Así que la salida vino como querías. y para otras propiedades, puede usar lo siguiente.

<textarea style="background-color: white; border: none; width:660px;font-family: Arial, Helvetica, sans-serif; font-size:1.0em; resize:none;" name="text" cols="75" rows="15" readonly="readonly" ><s:property value="%{text}"/></textarea>