Come decodificare le entità HTML usando JavaScript

HTML memorizza i suoi personaggi riservati come entità personaggi. Le entità dei personaggi sono semplici stringhe di testo che iniziano con un & e finiscono con a;. Le entità HTML sono necessarie perché se stai cercando di scrivere i personaggi speciali di HTML come il testo semplice, allora HTML dovrebbe essere in grado di memorizzarli in qualche modo in modo che non siano interpretati come codice HTML. Le entità HTML sono necessarie per la corretta visualizzazione del rendering del testo su pagine Web. Le entità possono anche essere utilizzate quando si tenta di scrivere caratteri che generalmente non si trovano sulle tastiere standard.

Decodifica entità HTML

Le entità HTML possono essere decodificate utilizzando diversi metodi che coinvolgono le librerie JavaScript o JavaScript. Questa guida passerà solo attraverso i metodi Vanilla JavaScript per la decodifica delle entità HTML in quanto sono facili e diretti.

Decodifica entità HTML con l'elemento DOM

Il primo metodo è usando l'elemento textrea. Come suggerisce il nome, l'elemento textrea viene utilizzato per creare un'area di testo semplice in cui ogni personaggio viene interpretato come semplice testo semplice.:

funzione decode (str)
lascia txt = documento.CreateElement ("TextArea");
TXT.InnerHtml = STR;
restituire txt.valore;

Nel codice sopra abbiamo creato per la prima volta l'elemento TextArea utilizzando il documento.metodo createElement (). Quindi abbiamo scritto la stringa contenente entità HTML all'interno della textarea usando la proprietà InnerHTML. In questo modo la stringa verrà convertita in un semplice testo e le entità verranno convertite in caratteri. Infine, abbiamo restituito la stringa memorizzata all'interno della variabile TXT che è textreatea.

Ora se chiamiamo la funzione di decodifica con un'entità HTML come parametro, la restituirà come testo semplice:

let codedstr = "

";
let decodedStr = decode (codedStr);
console.log (decodedstr);

Decodifica entità HTML con DomParser.Metodo ParseFromString ()

Il secondo metodo è usando DomParser.Metodo ParseFromString (). Il Domparser.Il metodo ParseFromString () prende una stringa contenente HTML e la restituisce come elemento HTML:

funzione decode (str)
let txt = new DomParser ().ParseFromString (STR, "text/html");
restituire txt.DocumentElement.textcontent;

Nel codice sopra abbiamo passato per la prima volta la stringa come argomento a Domparser.Metodo ParseFromString () e lo ha recuperato come elemento HTML specificando il secondo argomento come "Testo/HTML". Abbiamo quindi restituito il contenuto di testo dell'elemento HTML appena creato.

Ora chiama la funzione decode ():

let codedstr = "

";
let decodedStr = decode (codedStr);
console.log (decodedstr);

Conclusione

Le entità HTML sono necessarie per la corretta visualizzazione del testo sulle pagine Web. Alcuni siti Web contengono frammenti di codice come testo semplice. Senza entità sarebbe difficile distinguere tra ciò che è un codice HTML per la pagina web e ciò che è solo un semplice testo.