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
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.5.27 winx64
1. Installationspaket MySQL-Dienst-Downloadadress...
Implementierung der Nginx-Lastverteilung/SSL-Konfiguration
Was ist Lastenausgleich? Wenn ein Domänenname auf...
Ubuntu installiert mehrere Versionen von CUDA und wechselt jederzeit
Ich werde nicht erklären, was CUDA ist, sondern d...
Fallstudie zum Löschen und Neuinstallieren eines Mac-Knotens
Mac-Knoten löschen und neu installieren löschen K...
Javascript zum Wechseln von Bildern per Mausklick
In diesem Artikelbeispiel wird der spezifische Ja...
Eine kurze Erläuterung des Sperrbereichs der MySQL-Next-Key-Sperre
Vorwort Eines Tages wurde ich plötzlich nach der ...
Lösen Sie das Problem des Tomcat 404-Fehlers bei der Bereitstellung von Spring Boot + Jar-Verpackungen
1. Spring Boot unterstützt kein JSP-JAR-Paket, JS...
Detaillierte Erläuterung der Hochverfügbarkeitskonfiguration von Docker
Docker Compose Docker Compose unterteilt die verw...
Analyse des Problems des Datenverlusts durch erzwungene Aktualisierung von Vuex
vuex-persistenter Zustand Kernprinzip: Alle Vuex-...
img usemap Attribut China Karte Link
HTML-img-Tag: definiert ein Bild, das in eine Webs...
Das Submit-Ereignis des Formulars reagiert nicht
1. Problembeschreibung <br />Wenn JS verwen...
Einfache und schnelle Einführung in die React-Routing-Entwicklung
Installieren Geben Sie zur Installation den folge...
Detaillierte Erklärung komplexer CSS-Selektoren und CSS-Schriftarten und Farbattribute
Ich habe bereits einige grundlegende CSS-Selektor...
TypeScript-Aufzählungstyp
Inhaltsverzeichnis 1. Übersicht 2. Digitale Aufzä...
Detailliertes Beispiel für die JSON-Analyse mit MySQL (5.6 und darunter)
MySQL (5.6 und darunter) analysiert JSON #json-An...