Quelle est la bonne façon de décoder une chaîne qui contient des entités HTML spéciales?

Tout en travaillant avec HTML, il est possible de rencontrer des caractères ou des symboles spéciaux qui ont été codés à l'aide d'entités HTML. Ces entités commencent par une ampleur et "&"Et terminez avec un point-virgule";", tel que "<"Ce qui indique le symbole"<". Il est important d'exclure des éléments / entités HTML spéciaux d'une chaîne pour vérifier que la chaîne finale est sûre à utiliser et ne contient aucun code illégal que le navigateur pourrait exécuter.

Ce message vous fera savoir la bonne façon de décoder les chaînes avec des entités HTML spéciales.

Quelle est la bonne façon de décoder une chaîne qui contient des entités HTML spéciales?

Pour décoder une chaîne qui contient des entités HTML spéciales, utilisez les méthodes suivantes:

• Élément «TextArea»
• Méthode «parsofromstring ()»

Méthode 1: Décodez une chaîne qui contient des entités HTML spéciales à l'aide de l'élément «TextArea»

Utilisez le HTML "»Élément pour décoder une chaîne qui contient des entités HTML spéciales. Il faut une chaîne avec des entités HTML spéciales en utilisant le «innerhtml" propriété. Le navigateur décode automatiquement les entités de la TextArea et donne le texte brut simple. Pour récupérer la chaîne décodée, utilisez le «valeur" propriété.

Exemple

Créer une variable "codé«Cela stocke une chaîne contenant des entités HTML spéciales:

const cocodedString = '';;

Imprimez la chaîne codée sur la console:

console.log ("String codé:" + codésstring);

Créer un élément HTML "textarea" en utilisant le "CreateElement ()" méthode:

const textarea = document.CreateElement ('TextArea');

Passez la chaîne codée à TextArea en utilisant le «innerhtml" propriété:

textarea.innerHtml = codéstring;

Maintenant, obtenez la chaîne décodée en utilisant le «valeur"Attribut de la TextArea et le stocker dans une variable"décodé»:

const DecodedString = TextArea.valeur;

Enfin, affichez la chaîne décodée sur la console en utilisant le «console.enregistrer()" méthode:

console.log ("String décodé:" + decodedString);

La sortie indique que la chaîne contenant des entités HTML spéciales a été décodée avec succès:

L'approche ci-dessus est simple et claire, et elle convient aux scénarios simples. Si vous essayez de gérer les structures HTML complexes, elle échouera. Donc, pour cela, utilisez la méthode «parsofromstring ()».

Méthode 2: Décodez une chaîne qui contient des entités HTML spéciales à l'aide de la méthode «PARSEFROMSTRING ()»

Une autre façon de décoder une chaîne avec des entités HTML spéciales est le «parsefromString ()" méthode. Il s'agit d'une méthode prédéfinie du «Robeur" objet. Il aide à analyser une chaîne XML ou HTML, puis de créer un nouvel objet de document DOM DOM à partir de celui-ci.

Exemple

Tout d'abord, créez un nouvel objet du «Robeur" en utilisant le "nouveau" mot-clé:

const Parser = new DOMPARSER ();

Appeler le "parsefromString ()"Méthode et transmettez les paramètres"chaîne codée«Comme une structure HTML complexe, et le«texte / html". Il indique la méthode pour traiter la chaîne codée comme HTML. Utilisez le "continent textuel”Propriété de l'élément corporel pour obtenir la chaîne décodée:

const DecodedString = Parser.parsefromstring ('$ EncodedString ',' Text / Html ').corps.TextContent;

Imprimez la chaîne décodée sur la console:

console.log ("String décodé:" + decodedString);

Sortir

Nous avons fourni toutes les instructions essentielles pertinentes pour décoder une chaîne avec des entités HTML spéciales.

Conclusion

Pour décoder une chaîne qui contient des entités HTML spéciales, utilisez l'élément HTML "textarea" ou la

"parsefromString ()«Méthode du«Robeur" objet. L'approche convient aux scénarios simples tandis que la méthode parsefromString () est une approche plus robuste et sécurisée qui peut gérer des structures HTML complexes. Il est recommandé d'utiliser la méthode «parsofromString ()» pour décoder une chaîne contenant des entités HTML. Ce message a décrit la bonne façon de décoder les chaînes avec des entités HTML spéciales.