Maison > interface Web > js tutoriel > Comment remplacer les nouvelles lignes par des balises `` en JavaScript ?

Comment remplacer les nouvelles lignes par des balises `` en JavaScript ?

Barbara Streisand
Libérer: 2024-12-07 00:54:12
original
714 Les gens l'ont consulté

How to Replace Newlines with `` Tags in JavaScript?

Remplacer les sauts de ligne par des éléments HTML en JavaScript

Comment remplacer toutes les nouvelles lignes d'une chaîne par des balises de saut ? Cela peut être utile lors de l'affichage de texte avec des sauts de ligne dans une application Web.

Solution :

Pour remplacer tous les sauts de ligne en JavaScript par
éléments, utilisez le code suivant :

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

L'expression régulière /(?:rn|r|n)/g correspond à tous les types de sauts de ligne, y compris les retours chariot ("r"), les nouvelles lignes (" n"), et retour chariot suivi de nouvelles lignes ("rn"). Le drapeau g garantit que toutes les occurrences sont remplacées.

Explication du groupe non capturant :

Le ? : avant les parenthèses crée un groupe non capturant. Cela signifie que le texte correspondant au sein du groupe n'est pas enregistré pour référence ultérieure. Ceci est nécessaire pour éviter une utilisation inutile de la mémoire et accélérer le processus de remplacement.

Exemple :

Considérez la variable PHP suivante :

"This is man.

     Man like dog.
     Man like to drink.

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

Après avoir appliqué le code JavaScript, 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

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