Qual è il modo giusto per decodificare una stringa con entità HTML speciali?

Mentre lavora con HTML, è possibile incontrare caratteri speciali o simboli che sono stati codificati usando entità HTML. Queste entità iniziano con un ampers e "E"E termina con un punto e virgola";", ad esempio "<"Che indica il simbolo"<". È importante escludere speciali elementi/entità HTML da una stringa per verificare che la stringa finale sia sicura da usare e non contiene alcun codice illegale che il browser potrebbe eseguire.

Questo post ti farà sapere il modo giusto per decodificare le stringhe con entità HTML speciali.

Qual è il modo giusto per decodificare una stringa con entità HTML speciali?

Per decodificare una stringa che contiene speciali entità HTML in essa, utilizzare i seguenti metodi:

• Elemento "textrea"
• Metodo "ParseFromString ()"

Metodo 1: decodifica una stringa con entità HTML speciali utilizzando l'elemento "Textreate"

Usa HTML ""Elemento per decodificare una stringa che contiene entità HTML speciali. Prende una stringa con entità HTML speciali usando il "Innerhtml" proprietà. Il browser decodifica automaticamente le entità in textarea e fornisce il semplice testo semplice. Per recuperare la stringa decodificata, usa il “valore" proprietà.

Esempio

Crea una variabile "codifica"Che memorizza una stringa contenente entità HTML speciali:

const codedString = '';

Stampa la stringa codificata sulla console:

console.log ("stringa codificata:" + codifica);

Crea un elemento HTML "textrea" usando il "createElement ()" metodo:

const textarea = documento.createElement ('textreata');

Passa la stringa codificata a TextArea usando il "Innerhtml" proprietà:

textrea.InnerHtml = codifica;

Ora, ottieni la stringa decodificata usando "valore"Attributo del textarea e archivialo in una variabile"decodifica":

const decodedString = textArea.valore;

Infine, visualizza la stringa decodificata sulla console usando "console.tronco d'albero()" metodo:

console.log ("stringa decodificata:" + decodedstring);

L'output indica che la stringa contenente entità HTML speciali è stata decodificata con successo:

L'approccio sopra è semplice e chiaro ed è adatto a scenari semplici. Se provi a gestire strutture HTML complesse, fallirà. Quindi, per questo, usa il metodo "ParseFromString ()".

Metodo 2: decodifica una stringa con entità HTML speciali usando il metodo "ParseFromString ()"

Un altro modo per decodificare una stringa con entità HTML speciali è il "parseFromString ()" metodo. È un metodo pre-costruito di "Domparser"Oggetto. Aiuta a analizzare una stringa XML o HTML e quindi creare un nuovo oggetto DOM del documento.

Esempio

Innanzitutto, crea un nuovo oggetto di "Domparser" usando il "nuovo" parola chiave:

const parser = new DomParser ();

Chiama il "parseFromString ()"Metodo e passa i parametri"stringa codificata"Come una complessa struttura HTML e il"testo/html". Dice il metodo di trattare la stringa codificata come HTML. Usa il "TextContent"Proprietà dell'elemento corporeo per ottenere la stringa decodificata:

const decodedstring = parser.ParseFromString ('$ codedString ',' text/html ').corpo.textcontent;

Stampa la stringa decodificata sulla console:

console.log ("stringa decodificata:" + decodedstring);

Produzione

Abbiamo fornito tutte le istruzioni essenziali pertinenti alla decodifica di una stringa con entità HTML speciali.

Conclusione

Per decodificare una stringa che contiene speciali entità HTML in essa, utilizzare l'elemento HTML "textrea" o il

"parseFromString ()Metodo del "Domparser"Oggetto. L'approccio è adatto a scenari semplici mentre il metodo ParseFromString () è un approccio più robusto e sicuro che può gestire strutture HTML complesse. Si consiglia di utilizzare il metodo "ParseFromString ()" per decodificare una stringa contenente entità HTML. Questo post ha descritto il modo giusto per decodificare le stringhe con speciali entità HTML.