Maison >interface Web >js tutoriel >Comment supprimer les balises HTML des chaînes en JavaScript ?

Comment supprimer les balises HTML des chaînes en JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-29 04:55:02697parcourir

How to Remove HTML Tags from Strings in JavaScript?

Supprimer les balises HTML des chaînes en JavaScript

Supprimer les balises HTML d'une chaîne est une nécessité courante en JavaScript. Une approche consiste à utiliser des expressions régulières pour faire correspondre et supprimer les structures de balises.

Approche Regex

L'expression régulière suivante peut être utilisée pour remplacer les balises HTML par des chaînes vides :

cleanText = strInputCode.replace(/<\/[^>]+(>|$)/g, "");

Cette expression régulière cible les balises de fin HTML (par exemple,

) et les remplace par des chaînes vides. Il gère également les situations dans lesquelles les balises de fin sont manquantes ou ont un formatage incorrect.

Exemples

  • Saisie : '
    Bonjour
    '
  • Sortie : 'Bonjour'
  • Entrée : 'Tag non terminé
  • Sortie : 'Tag non terminé'

Limitations

Bien que l'expression régulière soit efficace dans la plupart des cas, elle peut avoir des difficultés avec certaines structures HTML. Par exemple :

  • Saisissez : « Si vous êtes < 13, vous ne pouvez pas vous inscrire'
  • Sortie : 'Si vous êtes '
  • Entrée : '
    Bonjour
    '
  • Sortie : ' 42">Bonjour'

Considérations

Les expressions régulières ne peuvent être utilisées que pour supprimer les balises HTML de base. Pour les structures HTML plus complexes , pensez à utiliser un analyseur HTML dédié ou une bibliothèque de désinfection comme sanitize-html.

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
Article précédent:Comment Chrome 12 permet-il le collage d'images à partir du Presse-papiers dans Gmail ?Article suivant:Comment Chrome 12 permet-il le collage d'images à partir du Presse-papiers dans Gmail ?

Articles Liés

Voir plus