Wie fügt man Zeilenumbrüche in einen HTML-Textbereich ein?

Question

Ich bearbeite gerade ein <textarea> mit JavaScript. Das Problem ist, dass die Zeilenumbrüche nicht angezeigt werden, wenn ich sie eingefügt habe. Wie kann ich das machen?

Ich erhalte den Wert, um eine Funktion zu schreiben, aber es gibt keine Zeilenumbrüche.

Answer 1

Ich habe eine Textarea mit id ist #Infoartist folgen:

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

In Javascript-Code, werde ich den Wert von textarea erhalten und ersetzen escaping neue Zeile ( \n\r ) durch <br /> Tag, wie zum Beispiel:

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

Wenn Sie also Jquery verwenden (wie ich):

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

Ich hoffe, es hat Ihnen geholfen :-)

Answer 2

Eine neue Zeile ist für den Browser nur ein Leerzeichen und wird nicht anders behandelt als ein normales Leerzeichen (" "). Um eine neue Zeile zu erhalten, müssen Sie <BR /> Elemente.

Ein anderer Versuch, das Problem zu lösen: Geben Sie den Text in das Textfeld ein und fügen Sie dann hinter einer Schaltfläche ein JavaScript ein, das die unsichtbaren Zeichen in etwas Lesbares umwandelt und das Ergebnis in eine DIV . So erfahren Sie, was Ihr Browser will.

Answer 3

Wenn Sie nur den Wert der Testarea mit Zeilenumbrüchen an den Server senden möchten, verwenden Sie nl2br

Answer 4

Hier ist das, was ich für das gleiche Problem, das ich hatte, getan habe.

Wenn ich den Text an die nächste Seite in jsp übergebe, lese ich ihn als Textarea, anstatt etwas zu lesen wie

damit die Ausgabe wie gewünscht erfolgt. und für andere Eigenschaften, können Sie wie folgt verwenden.

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