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
Barbara Streisandoriginal
2024-12-07 00:54:12715parcourir

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>');

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."

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."

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