So dekodieren Sie HTML -Entitäten mit JavaScript

HTML speichert seine reservierten Charaktere als Zeicheneinheiten. Charakterentitäten sind einfache Textzeichenfolgen, die mit einem & und enden mit a;. HTML -Entitäten sind notwendig, denn wenn Sie versuchen, die Sonderzeichen von HTML wie einfachen Text zu schreiben, sollte HTML in der Lage sein, sie irgendwie zu speichern, damit sie nicht als HTML -Code interpretiert werden. HTML -Entitäten sind erforderlich, um die Rendern des Textes auf Webseiten ordnungsgemäß anzuzeigen. Entitäten können auch verwendet werden, wenn Sie versuchen, Zeichen zu schreiben, die im Allgemeinen nicht auf Standard -Tastaturen zu finden sind.

Dekodieren von HTML -Entitäten

HTML -Entitäten können dekodiert werden, indem verschiedene Methoden mit Vanille -JavaScript- oder JavaScript -Bibliotheken verwendet werden. Diese Anleitung durchläuft nur Vanille -JavaScript -Methoden zur Dekodierung von HTML -Entitäten, da sie einfach und unkompliziert sind.

Dekodierung von HTML -Entitäten mit dem DOM -Element

Die erste Methode ist die Verwendung des Textbereichselements. Wie der Name schon sagt, wird das Textbereichselement verwendet, um einen einfachen Textbereich zu erstellen, in dem jedes Zeichen als einfacher einfacher Text interpretiert wird.:

Funktion decodieren (str)
Lassen Sie txt = dokument.createLement ("textarea");
txt.Innerhtml = str;
return txt zurück.Wert;

Im obigen Code haben wir das Textbereichselement zuerst mit dem Dokument erstellt.createLement () Methode. Dann haben wir die Zeichenfolge mit HTML. Auf diese Weise wird die Zeichenfolge in einfachen Text umgewandelt und Entitäten werden in Zeichen konvertiert. Zuletzt haben wir die in der TXT -Variablen gespeicherte Zeichenfolge zurückgegeben, die der Textbereich ist.

Wenn wir nun die Dekodierungsfunktion mit einer HTML -Entität als Parameter aufrufen, wird sie als einfacher Text zurückgegeben:

lass codedstr = "

";
decodedStr = decode (codedstr);
Konsole.log (decodedStr);

Dekodieren von HTML -Entitäten mit dem Domparser.Parsefromstring () Methode

Die zweite Methode erfolgt mit dem Domparser.Parsefromstring () Methode. DER DOMPARSER.ParsefromString () Methode nimmt eine Zeichenfolge mit HTML an und gibt sie als HTML -Element zurück:

Funktion decodieren (str)
Sei txt = new domparser ().ParsefromString (str, "text/html");
return txt zurück.Dokumentelement.Textinhalt;

Im obigen Code haben wir die Zeichenfolge zuerst als Argument an den Domparser übergeben.ParsefromString () Methode und holte sie als HTML -Element zurück, indem das zweite Argument als "Text/HTML" angegeben wird. Wir haben dann den Textinhalt des neu erstellten HTML -Elements zurückgegeben.

Nehmen Sie nun die Funktion decode () auf:

lass codedstr = "

";
decodedStr = decode (codedstr);
Konsole.log (decodedStr);

Abschluss

HTML -Entitäten sind für die ordnungsgemäße Anzeige des Textes auf Webseiten erforderlich. Einige Websites enthalten Code -Snippets als einfacher Text. Ohne Entitäten wäre es schwierig, zwischen einem HTML -Code für die Webseite zu unterscheiden und nur einen einfachen Text.