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

Eine einfache und natürliche Lösung, die keine CSS-Stile oder numerische Zeichenreferenzen wie 
 wäre die Verwendung der 
 Zeichenentitätsreferenz:

The cardinal directions are:
- North
- East
- South
- West

---

Nota : Da dies einfach als LF (Zeilenvorschub, oder das U+000A Unicode-Codepunkt), ist es nicht 100% sicher, ob es für Situationen geeignet ist, in denen die gesamte CR + LF-Sequenz (Wagenrücklauf + Zeilenvorschub) erforderlich ist. Aber dann, es funktionierte in meinem Chrome, Edge und WebView2 Tests auf Windows 10 getan, so sollte es in Ordnung sein, zu verwenden.

Answer 2

Meine .replace() Funktion nach den in den anderen Antworten beschriebenen Mustern hat nicht funktioniert. Das Muster, das in meinem Fall funktionierte, war:

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

// str: "Test

Test
Test"

Answer 3

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

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

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

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

Answer 4

Wenn Sie react verwenden

Innerhalb der Funktion

const handleChange=(e)=>{
const name = e.target.name;
let value = e.target.value;
value = value.split('\n').map(str => <span>{str}<br/></span>);
SetFileds({ ...fileds, [name]: value });
}

Answer 5

Verwenden Sie einfach <br>
ex:

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

Ergebnis:
blablablabla
kakakakakak
fafafafaf