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

JS realisiert den Scroll-Effekt von Online-Ankündigungen

In diesem Artikel wird der spezifische JS-Code zu...

Beispiele für die Verwendung von MySQL-Abdeckungsindizes

Was ist ein Deckungsindex? Das Erstellen eines In...

Wie InnoDB die Serialisierungsisolationsebene implementiert

Serialisierungsimplementierung InnoDB implementie...

MySQL-Beispielcode für die Addition und Subtraktion von Datum und Uhrzeit

Inhaltsverzeichnis 1.MySQL addiert oder subtrahie...

Zusammenfassung der Probleme bei der Speicherplatzfreigabe unter Linux

Die /Partitionsauslastung eines Servers im IDC is...

Vue + Express + Socket realisiert Chat-Funktion

In diesem Artikel wird der spezifische Code von V...

WeChat-Applet-Picker - Mehrspalten-Selektor (Modus = MultiSelector)

Inhaltsverzeichnis 1. Wirkungsdiagramm (mehrere S...

Idea stellt Remote-Docker bereit und konfiguriert die Datei

1. Ändern Sie die Docker-Konfigurationsdatei des ...