Zusammenfassung der Zeilenumbruchprobleme bei Textbereichen in HTML

Zusammenfassung der Zeilenumbruchprobleme bei Textbereichen in HTML
Kürzlich stieß ich auf das Problem, ob die Daten bei der Übertragung nach Textrea wirklich zeilenweise gespeichert werden können. Hier ist eine Zusammenfassung:

Problembeschreibung:
Sie erhalten beispielsweise Daten in eine TextArea wie „AAA BBB“ und möchten diesen Text in echten Zeilen in der TextArea speichern, anstatt ihn zeilenweise anzuzeigen (die sogenannte echte Zeilenspeicherung bedeutet, dass die Daten dieser TextArea immer noch zeilenweise gespeichert sind, wenn sie in die TextArea einer anderen Seite gepostet werden).

Gelöstes Problem 1:
Wenn die Daten am Anfang übermittelt werden, ist das Format AAA<BR />BBB, aber dies dient dazu, Zeilenumbrüche anzuzeigen. Tatsächlich werden sie im Textbereich nicht wirklich in Zeilen gespeichert. Denn wenn sie an einen anderen Textbereich übermittelt werden, wird AAABBB anstelle von Zeilenumbrüchen angezeigt. Daher werden sie nur als in Zeilen gespeichert angezeigt.

Grundlagen der Fragen:
Der Zeilenumbruch in HTML ist <BR />, während der Zeilenumbruch in TextArea /n ist

Gelöstes Problem 2:
Senden Sie zuerst die Daten und verwenden Sie dann Javascript, um <BR /> und /n zu ersetzen. Beim Senden wird <BR /> immer noch als Trennzeichen verwendet. Nach dem Senden

Code kopieren
Der Code lautet wie folgt:

<Skript>
// Zeilenumbruch und Wagenrücklauf
var haha=document.getElementById("SendTextArea").value;
haha=haha.ersetzen('
','/N');
document.getElementById("SendTextArea").value=haha;
</Skript>

Das ist es!

<<:  Wie kann das Front-End die 100.000 vom Back-End zurückgegebenen Daten besser anzeigen?

>>:  28 berühmte Beispiele für Blog-Redesigns

Artikel empfehlen

Vue + SSM realisiert den Vorschaueffekt beim Hochladen von Bildern

Die aktuelle Anforderung lautet: Es gibt eine Sch...

MySQL-Dateneinfügungsoptimierungsmethode concurrent_insert

Wenn ein Thread eine DELAYED-Anweisung für eine T...

MySQL Slow Query-Optimierung: Die Vorteile von Limit aus Theorie und Praxis

Oftmals erwarten wir, dass das Abfrageergebnis hö...

Detaillierte Erklärung der Nodejs-Array-Warteschlange und der forEach-Anwendung

In diesem Artikel werden hauptsächlich die Proble...

HTML-Formular_PowerNode Java Academy

1. Formular 1. Die Rolle des Formulars HTML-Formu...

So verwenden Sie CocosCreator zur Tonverarbeitung bei der Spieleentwicklung

Inhaltsverzeichnis 1. Grundlagen der Audiowiederg...

So verwenden Sie „union all“ in MySQL, um die Union-Sortierung zu erhalten

Manchmal kommt es in einem Projekt aus irreversib...

Installation und Verwendung von Vue

Inhaltsverzeichnis 1. Vue-Installation Methode 1:...