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

Remplacement des sauts de ligne par
Éléments utilisant JavaScript

Transformation des sauts de ligne en
elements est essentiel pour afficher du texte multiligne en HTML. Pour y parvenir en JavaScript, une solution simple mais efficace existe.

Solution :

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

Décomposer la Regex :

• (?:rn|r|n) : ce groupe sans capture correspond à l'un des caractères de nouvelle ligne suivants : CR LF (rn), CR (r), ou LF (n).

Groupe non capturant :

• La syntaxe ?: marque le groupe comme non capturant , ce qui signifie que le texte correspondant ne sera pas stocké pour une utilisation future.

Exemple :

Étant donné cette chaîne d'entrée :

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

Le code JavaScript remplacera les sauts de ligne par
balises, ce qui donne le code HTML suivant :

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

Notes supplémentaires :

• Le drapeau g est utilisé pour effectuer une recherche et un remplacement global, garantissant que tous les sauts de ligne sont convertis.

• Pour plus d'informations sur les groupes non capturants, reportez-vous à ce qui suit ressources :

  • https://stackoverflow.com/a/11530881/5042169
  • https://stackoverflow.com/a/36524555/5042169

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!