Maison > interface Web > js tutoriel > Comment puis-je convertir les sauts de ligne en balises HTML `` en JavaScript ?

Comment puis-je convertir les sauts de ligne en balises HTML `` en JavaScript ?

Mary-Kate Olsen
Libérer: 2024-12-04 12:41:11
original
456 Les gens l'ont consulté

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

Conversion des sauts de ligne en éléments HTML en JavaScript

En JavaScript, vous pouvez convertir tous les sauts de ligne d'une chaîne en HTML
éléments utilisant des expressions régulières. Ceci est utile lorsque vous souhaitez afficher un texte multiligne qui conserve sa mise en forme.

Mise en œuvre :

Pour remplacer tous les sauts de ligne par
éléments, utilisez l'expression régulière suivante :

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

Explication :

  • (?:rn|r|n) : Cela correspond à tous les types de lignes pauses, y compris Windows (rn), Mac (r) et Linux (n).
  • g : L'indicateur g rend le remplacement global, en l'appliquant à toutes les occurrences de la ligne break.

Exemple :

Considérons une variable str avec la valeur suivante :

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
Copier après la connexion

Après application du remplacement, le résultat sera :

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."
Copier après la connexion

Non-capture Groupes :

La syntaxe ?: entourant les modèles de saut de ligne crée un groupe sans capture. Cela signifie que les caractères de saut de ligne ne sont pas capturés en mémoire pour référence ultérieure, ce qui peut améliorer les performances pour les grandes chaînes.

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