Was ist der richtige Weg, um eine Zeichenfolge zu decodieren, die spezielle HTML-Entitäten enthält?

Was Ist Der Richtige Weg Um Eine Zeichenfolge Zu Decodieren Die Spezielle Html Entitaten Enthalt



Beim Arbeiten mit HTML ist es möglich, auf Sonderzeichen oder Symbole zu stoßen, die mithilfe von HTML-Entitäten codiert wurden. Diese Entitäten beginnen mit einem kaufmännischen Und „ & ” und enden mit einem Semikolon “ ; ', wie zum Beispiel ' < ” was auf das Symbol hinweist “ < “. Es ist wichtig, spezielle HTML-Elemente/Entitäten aus einer Zeichenfolge auszuschließen, um sicherzustellen, dass die endgültige Zeichenfolge sicher verwendet werden kann und keinen illegalen Code enthält, den der Browser ausführen könnte.

In diesem Beitrag erfahren Sie, wie Sie Zeichenfolgen mit speziellen HTML-Entitäten richtig decodieren.

Was ist der richtige Weg, um eine Zeichenfolge zu decodieren, die spezielle HTML-Entitäten enthält?

Verwenden Sie die folgenden Methoden, um eine Zeichenfolge zu decodieren, die spezielle HTML-Entitäten enthält:





Methode 1: Decodieren Sie eine Zeichenfolge, die spezielle HTML-Entitäten enthält, mit dem „textarea“-Element

Verwenden Sie den HTML-Code „ ”-Element zum Dekodieren eines Strings, der spezielle HTML-Entities enthält. Es nimmt eine Zeichenfolge mit speziellen HTML-Entitäten mit dem „ innerHTML ' Eigentum. Der Browser decodiert automatisch die Entitäten im Textbereich und gibt den einfachen Klartext aus. Verwenden Sie zum Abrufen der decodierten Zeichenfolge das „ Wert ' Eigentum.



Beispiel



Erstellen Sie eine Variable „ codierterString “, der eine Zeichenfolge speichert, die spezielle HTML-Entitäten enthält:



konst codierterString = '<div>Willkommen bei Linuxhint!</div>' ;

Geben Sie die codierte Zeichenfolge auf der Konsole aus:

Konsole. Protokoll ( 'Kodierte Zeichenfolge: ' + codierterString ) ;

Erstellen Sie ein HTML-Element “ Textbereich ' Verwendung der ' createElement() ' Methode:



konst Textbereich = dokumentieren. createElement ( 'Textbereich' ) ;

Übergeben Sie die codierte Zeichenfolge mit dem „ innerHTML ' Eigentum:

Textbereich. innerHTML = codierterString ;

Holen Sie sich nun die dekodierte Zeichenfolge mit dem „ Wert ” Attribut des Textbereichs und speichere es in einer Variablen “ decodierterString “:

konst decodierterString = Textbereich. Wert ;

Zeigen Sie schließlich die decodierte Zeichenfolge auf der Konsole mit dem „ Konsole.log() ' Methode:

Konsole. Protokoll ( 'Decodierte Zeichenfolge: ' + decodierterString ) ;

Die Ausgabe zeigt an, dass die Zeichenfolge, die spezielle HTML-Entitäten enthält, erfolgreich dekodiert wurde:

Der obige Ansatz ist einfach und klar und eignet sich für einfache Szenarien. Wenn Sie versuchen, mit komplexen HTML-Strukturen umzugehen, wird dies scheitern. Verwenden Sie dazu die Methode „parseFromString()“.

Methode 2: Decodieren Sie eine Zeichenfolge, die spezielle HTML-Entitäten enthält, mit der Methode „parseFromString()“.

Eine andere Möglichkeit, einen String mit speziellen HTML-Entities zu decodieren, ist das „ parseFromString() ' Methode. Es ist eine vorgefertigte Methode des „ DOMParser ' Objekt. Es hilft, einen XML- oder HTML-String zu parsen und daraus ein neues DOM-Dokumentobjekt zu erstellen.

Beispiel

Erstellen Sie zunächst ein neues Objekt der „ DOMParser ' Verwendung der ' neu ' Stichwort:

konst Parser = neu DOMParser ( ) ;

Ruf den ' parseFromString() ” Methode und übergeben Sie die Parameter “ verschlüsselte Zeichenfolge “ als komplexe HTML-Struktur und das „ text/html “. Es weist die Methode an, die codierte Zeichenfolge als HTML zu behandeln. Verwenden Sie das „ Textinhalt ”-Eigenschaft des body-Elements, um die decodierte Zeichenfolge zu erhalten:

konst decodierterString = Parser. parseFromString ( ` doctyp html >< Körper > $ { codierterString } ` , 'text/html' ) . Körper . Textinhalt ;

Geben Sie die dekodierte Zeichenfolge auf der Konsole aus:

Konsole. Protokoll ( 'Decodierte Zeichenfolge: ' + decodierterString ) ;

Ausgang

Wir haben alle wesentlichen Anweisungen bereitgestellt, die für die Decodierung einer Zeichenfolge mit speziellen HTML-Entitäten relevant sind.

Abschluss

Verwenden Sie zum Decodieren einer Zeichenfolge, die spezielle HTML-Entitäten enthält, das HTML-Element „ Textbereich ' oder der

„ parseFromString() „Methode der“ DOMParser ' Objekt. Der