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

Quelle Est La Bonne Facon De Decoder Une Chaine Contenant Des Entites Html Speciales



Lorsque vous travaillez avec HTML, il est possible de rencontrer des caractères spéciaux ou des symboles qui ont été encodés à l'aide d'entités HTML. Ces entités commencent par une esperluette ' & ' et terminer par un point-virgule ' ; ', tel que ' < » qui indique le symbole « < ”. Il est important d'exclure les éléments/entités HTML spéciaux d'une chaîne pour vérifier que la chaîne finale peut être utilisée en toute sécurité et ne contient aucun code illégal que le navigateur pourrait exécuter.

Cet article vous indiquera 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 contenant des entités HTML spéciales ?

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





Méthode 1: décoder une chaîne contenant des entités HTML spéciales à l'aide de l'élément 'textarea'

Utilisez le HTML ' ” pour décoder une chaîne contenant des entités HTML spéciales. Il prend une chaîne avec des entités HTML spéciales en utilisant le ' innerHTML ' propriété. Le navigateur décode automatiquement les entités dans la zone de texte 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 ' chaîne encodée ” qui stocke une chaîne contenant des entités HTML spéciales :



constante chaîne encodée = '<div>Bienvenue dans Linuxhint !</div>' ;

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

console. enregistrer ( 'Chaîne encodée : ' + chaîne encodée ) ;

Créer un élément HTML ' zone de texte ' en utilisant le ' créerÉlément() ' méthode:



constante zone de texte = document. créerÉlément ( 'zone de texte' ) ;

Passez la chaîne encodée à la zone de texte en utilisant le ' innerHTML ' propriété:

zone de texte. innerHTML = chaîne encodée ;

Maintenant, récupérez la chaîne décodée en utilisant le ' valeur ' attribut de la zone de texte et le stocker dans une variable ' chaîne décodée ” :

constante chaîne décodée = zone de texte. valeur ;

Enfin, affichez la chaîne décodée sur la console à l'aide de la touche ' console.log() ' méthode:

console. enregistrer ( « Chaîne décodée : » + chaîne décodée ) ;

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 convient à des scénarios simples. Si vous essayez de gérer des structures HTML complexes, cela échouera. Donc, pour cela, utilisez la méthode 'parseFromString()'.

Méthode 2 : Décodez une chaîne contenant 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é-construite du ' Analyseur DOM ' objet. Il est utile d'analyser une chaîne XML ou HTML, puis de créer un nouvel objet de document DOM à partir de celle-ci.

Exemple

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

constante analyseur = nouveau Analyseur DOM ( ) ;

Appeler le ' parseFromString() 'méthode et passer les paramètres' chaîne encodée ' comme une structure HTML complexe, et le ' texte/html ”. Il indique à la méthode de traiter la chaîne encodée comme HTML. Utilisez le ' textContent ” propriété de l'élément body pour obtenir la chaîne décodée :

constante chaîne décodée = analyseur. parseFromString ( ` < ! doctype html >< corps > $ { chaîne encodée } ` , 'texte/html' ) . corps . textContent ;

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

console. enregistrer ( « Chaîne décodée : » + chaîne décodée ) ;

Sortir

Nous avons fourni toutes les instructions essentielles relatives au décodage d'une chaîne avec des entités HTML spéciales.

Conclusion

Pour décoder une chaîne contenant des entités HTML spéciales, utilisez l'élément HTML ' zone de texte ' ou la

' parseFromString() 'méthode de la' Analyseur DOM ' objet. L'approche