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
Libérer: 2024-12-01 01:00:11
original
998 Les gens l'ont consulté

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."
Copier après la connexion

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."
Copier après la connexion

Solution :

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

str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal