Quina és la manera correcta de descodificar una cadena que conté entitats HTML especials?

Quina Es La Manera Correcta De Descodificar Una Cadena Que Conte Entitats Html Especials



Quan es treballa amb HTML, és possible trobar caràcters especials o símbols que s'han codificat mitjançant entitats HTML. Aquestes entitats comencen amb un ampersand ' & ” i acaba amb un punt i coma “ ; ', tal com ' < ' que indica el símbol ' < ”. És important excloure elements/entitats HTML especials d'una cadena per verificar que la cadena final és segura d'utilitzar i que no conté cap codi il·legal que el navegador pugui executar.

Aquesta publicació us permetrà conèixer la manera correcta de descodificar cadenes amb entitats HTML especials.

Quina és la manera correcta de descodificar una cadena que conté entitats HTML especials?

Per descodificar una cadena que conté entitats HTML especials, utilitzeu els mètodes següents:





Mètode 1: descodifica una cadena que té entitats HTML especials utilitzant l'element 'textarea'.

Utilitzeu l'HTML ' <àrea de text> ” element per descodificar una cadena que conté entitats HTML especials. Pren una cadena amb entitats HTML especials utilitzant el ' innerHTML ' propietat. El navegador descodifica automàticament les entitats de l'àrea de text i proporciona el text senzill. Per recuperar la cadena descodificada, utilitzeu el ' valor ' propietat.



Exemple



Crea una variable ' encodedString ” que emmagatzema una cadena que conté entitats HTML especials:



const encodedString = '<div>Benvingut a Linuxhint!</div>' ;

Imprimeix la cadena codificada a la consola:

consola. registre ( 'Cadena codificada:' + encodedString ) ;

Creeu un element HTML ' àrea de text ' utilitzant el ' createElement() ” mètode:



const àrea de text = document. createElement ( 'àrea de text' ) ;

Passeu la cadena codificada a l'àrea de text utilitzant el ' innerHTML ' propietat:

àrea de text. innerHTML = encodedString ;

Ara, obteniu la cadena descodificada utilitzant el ' valor ” atribut de l'àrea de text i emmagatzemar-lo en una variable “ decodedString ”:

const decodedString = àrea de text. valor ;

Finalment, visualitzeu la cadena descodificada a la consola mitjançant el ' console.log() ” mètode:

consola. registre ( 'Cadena descodificada:' + decodedString ) ;

La sortida indica que la cadena que conté entitats HTML especials s'ha descodificat correctament:

L'enfocament anterior és senzill i clar, i és adequat per a escenaris senzills. Si intenteu gestionar estructures HTML complexes, fallarà. Per tant, per això, utilitzeu el mètode 'parseFromString()'.

Mètode 2: descodificar una cadena que té entitats HTML especials utilitzant el mètode 'parseFromString()'

Una altra manera de descodificar una cadena amb entitats HTML especials és el ' parseFromString() ” mètode. És un mètode preconstruït de la ' DOMParser ' objecte. Ajuda a analitzar una cadena XML o HTML i després crear-ne un nou objecte de document DOM.

Exemple

En primer lloc, creeu un objecte nou del ' DOMParser ' utilitzant el ' nou ” paraula clau:

const analitzador = nou DOMParser ( ) ;

Truqueu al ' parseFromString() ” mètode i passar els paràmetres “ cadena codificada ' com una estructura HTML complexa, i el ' text/html ”. Indica al mètode per tractar la cadena codificada com a HTML. Utilitzar el ' textContent ” propietat de l'element body per obtenir la cadena descodificada:

const decodedString = analitzador. parseFromString ( ` doctype html >< cos > $ { encodedString } ` , 'text/html' ) . cos . textContent ;

Imprimiu la cadena descodificada a la consola:

consola. registre ( 'Cadena descodificada:' + decodedString ) ;

Sortida

Hem proporcionat totes les instruccions essencials rellevants per descodificar una cadena amb entitats HTML especials.

Conclusió

Per descodificar una cadena que conté entitats HTML especials, utilitzeu l'element HTML ' àrea de text ” o el

“ parseFromString() ' mètode de la ' DOMParser ' objecte. L'enfocament