Heim > Web-Frontend > js-Tutorial > Wie ersetze ich Zeilenumbrüche in JavaScript durch „'?

Wie ersetze ich Zeilenumbrüche in JavaScript durch „'?

Mary-Kate Olsen
Freigeben: 2024-12-01 01:00:11
Original
998 Leute haben es durchsucht

How to Replace Line Breaks with `` in JavaScript?

So ersetzen Sie Zeilenumbrüche durch
Elemente mit JavaScript

Problem:
Konvertieren Sie alle Zeilenumbrüche in einer bestimmten Zeichenfolge in HTML
Elemente, die einfache Zeilenumbrüche durch Zeilenumbrüche ersetzen, die für die Webanzeige geeignet sind.

Beispiel:

Stellen Sie sich eine Zeichenfolge vor, die Zeilenumbrüche wie folgt enthält:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
Nach dem Login kopieren

Die gewünschte Ausgabe nach der JavaScript-Konvertierung sollte erscheinen wie:

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

Lösung:

Um diese Konvertierung zu erreichen, verwenden Sie den folgenden JavaScript-Code:

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

Erklärung:

  • (?:rn|r|n): Dieses Regex-Muster stimmt mit allen Linientypen überein Pausen, einschließlich Wagenrückläufen (r) und Zeilenumbrüchen (n).
  • g: Das g-Flag stellt sicher, dass alle Übereinstimmungen ersetzt werden.

  • : Die Ersetzungszeichenfolge ist der HTML-Code < ;br /> Element, das einen Zeilenumbruch darstellt.

Die nicht erfassende Gruppe (?:...)::

  • Sie verhindert, dass die übereinstimmenden Zeilenumbrüche erfasst werden und im Speicher gespeichert, was zur Verbesserung der Leistung und Speichernutzung beiträgt.

Das obige ist der detaillierte Inhalt vonWie ersetze ich Zeilenumbrüche in JavaScript durch „'?. 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