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
Mary-Kate OlsenOriginal
2024-12-04 12:41:11653Durchsuche

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 />');

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 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."

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!

Stellungnahme:
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