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
Zusammenfassung der Installationsschritte und aufgetretenen Probleme beim Dekomprimieren der Version mysql5.7.24
1. Herunterladen https://dev.mysql.com/downloads/...
Vue + echart realisiert Doppelsäulendiagramm
In diesem Artikel wird der spezifische Code von v...
Fassen Sie die Probleme zusammen, die bei der Verwendung der Vue Element-Benutzeroberfläche auftreten
Inhaltsverzeichnis 1. DateTimePicker Datumsauswah...
Detaillierte Erläuterung von MySQL zum Abrufen statistischer Daten für jeden Tag und jede Stunde eines bestimmten Zeitraums
Erhalten Sie tägliche Statistiken Wenn Sie ein Pr...
Lösen Sie das Problem, dass bei der Set-Operation kein NULL gefunden wird, nicht wie bei MySQL
Eine interessante Entdeckung: Es gibt eine Tabell...
Ein kurzer Vortrag über die Geschichte von React Router
Wenn Sie React Router verstehen möchten, sollten ...
Detaillierte Erläuterung zur Verwendung von Docker zum Erstellen einer einfachen Java-Entwicklungs- und Kompilierungsumgebung
Es gibt viele Versionen der Java-Sprache. Zusätzl...
W3C Tutorial (5): W3C XML Aktivitäten
XML dient der Beschreibung, Speicherung, Übertrag...
So optimieren Sie die langsame Like-Fuzzy-Abfrage in MySQL
Inhaltsverzeichnis 1. Einleitung: 2. Die erste Id...
Detaillierte Schritte zum Einrichten eines Nexus-Servers
1. Die Bedeutung des Aufbaus eines Nexus-Dienstes...
Lösung für das Problem, dass beim Hinzufügen eines Tomcat-Containers zu Docker kein Zugriff auf die Homepage möglich ist
Frage Der Tomcat-Container wurde erfolgreich mit ...
So installieren Sie Docker mit YUM
Wie in der folgenden Abbildung dargestellt: Wenn ...
Linux nohup, um Programme im Hintergrund auszuführen und anzuzeigen (nohup und &)
1. Hintergrundausführung Im Allgemeinen werden Pr...
So setzen Sie das Zabbix-Passwort zurück (ein Schritt)
Problembeschreibung Da wir uns nicht lange bei Za...
Nginx Reverse-Proxy-Konfiguration entfernt Präfix
Wenn Sie nginx als Reverse-Proxy verwenden, könne...