Maison >interface Web >js tutoriel >Comment remplacer les sauts de ligne par `` en JavaScript ?

Comment remplacer les sauts de ligne par `` en JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-01 01:00:111082parcourir

How to Replace Line Breaks with `` in JavaScript?

Comment remplacer les sauts de ligne par
Éléments utilisant JavaScript

Problème :
Convertir tous les sauts de ligne d'une chaîne donnée en HTML
éléments, en remplaçant les sauts de ligne simples par des sauts de ligne adaptés à l'affichage sur le Web.

Exemple :

Considérons une chaîne contenant des sauts de ligne comme suit :

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

La sortie souhaitée après la conversion JavaScript devrait apparaître comme :

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

Solution :

Pour réaliser cette conversion, utilisez le code JavaScript suivant :

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

Explication :

  • (?:rn|r|n) : ce modèle d'expression régulière correspond à tous les types de lignes sauts, y compris les retours chariot (r) et les nouvelles lignes (n).
  • g : l'indicateur g garantit que toutes les correspondances sont remplacées.

  •  : la chaîne de remplacement est le HTML < ;br /> élément, qui représente un saut de ligne.

Le groupe non capturant (?:...)::

  • Il empêche la capture des sauts de ligne correspondants et stocké en mémoire, ce qui contribue à améliorer les performances et l'utilisation de la mémoire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn