LabEx
LoginBeitreten

HTML-Zeichen mit JavaScript entschlüsseln

Beginner

This tutorial is from open-source community. Access the source code

Einführung

In diesem Lab werden wir untersuchen, wie man HTML-Zeichen mithilfe von JavaScript entschlüsselt. HTML-Escaping ist eine übliche Technik, um Sonderzeichen in HTML zu kodieren und so Cross-Site-Scripting-Angriffe zu verhindern. Manchmal müssen wir jedoch die escapten Zeichen wieder in ihre ursprüngliche Form umwandeln. Wir werden lernen, wie man dies tut, indem man eine Funktion erstellt, die die am häufigsten verwendeten HTML-Zeichen entschlüsselt.

Entschlüsseln von HTML

Diese Funktion entschlüsselt escapte HTML-Zeichen. Um sie zu verwenden, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH.
  2. Geben Sie node ein.
  3. Kopieren und einfügen Sie den folgenden Code:
const unescapeHTML = (str) =>
  str.replace(
    /&|<|>|'|"/g,
    (tag) =>
      ({
        "&": "&",
        "&lt;": "<",
        "&gt;": ">",
        "&#39;": "'",
        "&quot;": '"'
      })[tag] || tag
  );
  1. Rufen Sie die unescapeHTML-Funktion auf und übergeben Sie ihr einen String mit escapten Zeichen.
  2. Die Funktion wird den entschlüsselten String zurückgeben.

Beispielverwendung:

unescapeHTML("&lt;a href=&quot;#&quot;&gt;Me &amp; you&lt;/a&gt;");
// '<a href="#">Me & you</a>'

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Entschlüsseln von HTML" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.