it-swarm.com.de

HTML Zeilenumbrüche innerhalb des Textbereichs anzeigen

Ich habe diese Frage jetzt auf verschiedene Weise gestellt, aber noch keine Antwort erhalten.

Wenn Sie ASCII-Text in einem Textbereich erfassen, der Zeilenumbrüche enthält, scheint es, wenn Sie die Eingabetaste drücken, unsichtbare Zeichen in Form von Zeilenumbrüchen einzufügen. Der Zeilenumbruch scheint das Format\r für die Rückgabe oder\n für die neue Zeile zu haben. Diese Zeichen sind im Text nicht sichtbar, aber irgendwo vorhanden.

Wenn ich diesen Code jedoch in ein Textfeld einfügen, kann ich keinen Zeilenumbruch anzeigen. Tatsächlich kann ich keinen Code finden, der sich zwischen Textfeld-Tags befindet, und einen Zeilenumbruch anzeigen.

Kann jemand eine Möglichkeit zeigen, Zeilenumbrüche in einem Textbereich anzuzeigen, z. 

<textarea>first line <some code> second line </textarea>

Ich habe wirklich alles versucht, was Sie sich vorstellen können. Wenn ich beispielsweise <textarea> first line "\r\n" second line</textarea> versuche, wird es nur angezeigt

`firstline "\r\n"` second line

Hinweis: Alles, was mit <br> zu tun hat, löst dieses Problem nicht, da es sich nicht um HTML handelt, sondern um einfachen Text, der in einem Textfeld angezeigt wird.

Vielen Dank für den vorgeschlagenen Code zum Anzeigen von Zeilenumbrüchen im Textbereich.

18
user1260310

Wenn Sie dies durch reines HTML tun, können Sie dies auf zwei Arten tun. Fügen Sie einfach Zeilen hinzu, indem Sie die Eingabetaste drücken oder die Zeichen ASCII verwenden. &#013; &#010;

jsFiddle

21

Wenn Sie javascript verwenden, können Sie das Textfeldelement value Property verwenden.

var tb = document.getElementById("tb");

var newLine = "\r\n";

var text = "Output: " + newLine + "-------------------" + 
                        newLine + "line 1:	" + 
                        newLine + "line 2:	";

tb.value = text;
//console.log(text);
<textarea id="tb" rows=5>
Output: &#13;&#10;-------------
</textarea>

Führe es auf JSFiddle

0
stomtech