Wie füge ich eine neue Zeile in ein Textarea-Element ein?

Question

Ich möchte einen Zeilenumbruch in einem Textfeld hinzufügen. Ich habe versucht mit \n y <br/> Tag, aber sie funktionieren nicht. Sie können oben den HTML-Code sehen. Können Sie mir helfen, einen Zeilenumbruch in ein Textfeld einzufügen?

<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>

Answer 1

Versuchen Sie dies. Es funktioniert:

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

Ersetzen für <br> Tags:

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

Answer 2

Um eine neue Zeile im Textbereich zu erhalten, setzen Sie dort einen tatsächlichen Zeilenumbruch:

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

Answer 3

Sie sollten auch das css überprüfen white-space Eigenschaft ( mdn-Ärzte ) Ihres Elements, stellen Sie sicher, dass er auf einen Wert gesetzt ist, der keine Zeilenumbrüche unterdrückt, z. B.:

white-space: pre-line;

Diese 3 Werte sind für Sie interessant:

vor
Sequenzen von Leerzeichen bleiben erhalten. Zeilen werden nur umbrochen bei Zeilenumbrüchen in der Quelle und an <br>-Elementen.

vorverpacken
Sequenzen von Leerzeichen bleiben erhalten. Zeilen werden umbrochen bei Zeilenumbruch, bei <br> und bei Bedarf zum Auffüllen von Zeilenrahmen.

Vorspann
Sequenzen von Leerzeichen werden zusammengeklappt. Zeilen werden umbrochen bei Zeilenumbrüchen, bei <br> und nach Bedarf, um Zeilenrahmen zu füllen.

Answer 4

Sie können Folgendes verwenden \n 代わりに /n .

Answer 5

Nach vielen Tests funktioniert der folgende Code bei mir in Typescreipt

 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);
}