Nueva línea en área de texto

<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea>

<textarea cols='60' rows='8'>This is my statement one.<br/> This is my statement2</textarea>

Intenté ambos, pero la nueva línea no se refleja al representar el archivo html. ¿Cómo puedo hacer eso?

Prueba este:

    <textarea cols='60' rows='8'>This is my statement one.&#13;&#10;This is my statement2</textarea>


El avance de línea y el 
retorno de carro son entidades HTML de ^Wikipedia . De esta manera, en realidad está analizando la nueva línea ("\ n") en lugar de mostrarla como texto.

He encontrado String.fromCharCode(13, 10)útil al usar los motores de visualización. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode

Esto crea una cadena con los caracteres reales de nueva línea y obliga al motor de vista a generar una nueva línea en lugar de una versión con escape. Por ejemplo: Usar el motor de vista NodeJS EJS: este es un ejemplo simple en el que se debe reemplazar cualquier \ n:

viewHelper.js

exports.replaceNewline = function(input) {
    var newline = String.fromCharCode(13, 10);
    return input.replaceAll('\\n', newline);
}

EJS

<textarea><%- viewHelper.replaceNewline("Blah\nblah\nblah") %></textarea>

Renders

<textarea>Blah
blah
blah</textarea>

reemplaza todo:

String.prototype.replaceAll = function (find, replace) {
    var result = this;
    do {
        var split = result.split(find);
        result = split.join(replace);
    } while (split.length > 1);
    return result;
};

<textarea cols='60' rows='8'>This is my statement one.

This is my statement2</textarea>

Fiddle que muestra que funciona: http://jsfiddle.net/trott/5vu28/ .

Si realmente desea que esto esté en una sola línea en el archivo fuente, puede insertar las referencias de caracteres HTML para un avance de línea y un retorno de carro como se muestra en la respuesta de @Bakudan:

  <textarea cols='60' rows='8'>This is my statement one.&#13;&#10;This is my statement2</textarea>

Creo que estás confundiendo la sintaxis de diferentes idiomas.

• 
es (el valor HtmlEncoded de ASCII 10 o) el literal de caracteres de salto de línea en una cadena HTML . Pero el carácter de avance de línea NO se representa como un salto de línea en HTML (ver notas al final).

• \nes el literal de carácter de salto de línea (ASCII 10) en una cadena de Javascript .

• <br/>es un salto de línea en HTML. Muchos otros elementos, por ejemplo <p>, <div>etc., también representan saltos de línea a menos que se reemplacen con algunos estilos.

Esperemos que la siguiente ilustración lo aclare:

T.innerText = "Position of LF: " + t.value.indexOf("\n");

p1.innerHTML = t.value;
p2.innerHTML = t.value.replace("\n", "<br/>");
p3.innerText = t.value.replace("\n", "<br/>");

<textarea id="t">Line 1&#10;Line 2</textarea>

<p id='T'></p>
<p id='p1'></p>
<p id='p2'></p>
<p id='p3'></p>

Algunos puntos a tener en cuenta sobre Html:

• El innerHTMLvalor del TEXTAREAelemento no representa HTML. Pruebe lo siguiente: <textarea>A <a href='x'>link</a>.</textarea>para ver.
• El Pelemento representa todos los espacios en blanco contiguos (incluidas las nuevas líneas) como un espacio.
• El carácter LF no se procesa en una nueva línea o salto de línea en HTML.
• El TEXTAREArenders LF como una nueva línea dentro de la caja área de texto.

Break ingrese la línea de palabras clave en Textarea usando CSS:

white-space: pre-wrap;

prueba esto ... funciona:

<textarea id="test" cols='60' rows='8'>This is my statement one.&#10;This is my statement2</textarea>

reemplazando por
etiquetas:

$("textarea#test").val(replace($("textarea#test").val(), "<br>", "&#10;")));

Para obtener una nueva línea dentro del área de texto, coloque un salto de línea real allí:

    <textarea cols='60' rows='8'>This is my statement one.
    This is my statement2</textarea>

Es posible que desee utilizar en \nlugar de /n.

Después de muchas pruebas, el siguiente código me funciona en Typecreipt

 export function ReplaceNewline(input: string) {
    var newline = String.fromCharCode(13, 10);
    return ReplaceAll(input, "<br>", newline.toString());
}
export function ReplaceAll(str, find, replace) {
    return str.replace(new RegExp(find, 'g'), replace);
}

Mi .replace()función usando los patrones descritos en las otras respuestas no funcionó. El patrón que funcionó para mi caso fue:

var str = "Test\n\n\Test\n\Test";
str.replace(/\r\n|\r|\n/g,'
');

// str: "Test

Test
Test"

T.innerText = "Posición de LF:" + t.value.indexOf ("\ n");

p3.innerText = t.value.replace("\n", "");

<textarea id="t">Line 1&#10;Line 2</textarea>

<p id='p3'></p>

solo usa <br>
ex:

<textarea>
blablablabla <br> kakakakakak <br> fafafafafaf 
</textarea>

resultado:
blablablabla
kakakakakak
fafafafafaf