Heim > Web-Frontend > js-Tutorial > Wie kann ich Zeilenumbrüche in HTML-Tags in JavaScript konvertieren?

Wie kann ich Zeilenumbrüche in HTML-Tags in JavaScript konvertieren?

Mary-Kate Olsen
Freigeben: 2024-12-04 12:41:11
Original
456 Leute haben es durchsucht

How Can I Convert Line Breaks to HTML `` Tags in JavaScript?

Zeilenumbrüche in HTML-Elemente in JavaScript konvertieren

In JavaScript können Sie alle Zeilenumbrüche innerhalb einer Zeichenfolge in HTML konvertieren
Elemente mithilfe regulärer Ausdrücke. Dies ist nützlich, wenn Sie mehrzeiligen Text anzeigen möchten, der seine Formatierung beibehält.

Implementierung:

Um alle Zeilenumbrüche durch
gt; Elemente verwenden Sie den folgenden regulären Ausdruck:

str.replace(/(?:\r\n|\r|\n)/g, '<br />');
Nach dem Login kopieren

Erklärung:

  • (?:rn|r|n): Dies entspricht allen Linientypen Pausen, einschließlich Windows (rn), Mac (r) und Linux (n).
  • g: Das g-Flag macht die Ersetzung global und wendet sie auf alle Vorkommen der Zeile an Pause.

Beispiel:

Betrachten Sie eine Variable str mit dem folgenden Wert:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
Nach dem Login kopieren

Nach dem Anwenden der Ersetzung das Ergebnis wird sein:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."
Nach dem Login kopieren

Nicht erfassend Gruppen:

Die ?:-Syntax rund um die Zeilenumbruchmuster erstellt eine nicht erfassende Gruppe. Dies bedeutet, dass die Zeilenumbruchzeichen nicht zur späteren Bezugnahme im Speicher erfasst werden, was die Leistung bei großen Zeichenfolgen verbessern kann.

Das obige ist der detaillierte Inhalt vonWie kann ich Zeilenumbrüche in HTML-Tags in JavaScript konvertieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage