Desfazer Escape de Caracteres HTML com JavaScript

Introdução

Neste laboratório, exploraremos como "unescapar" caracteres HTML usando JavaScript. O "escaping" HTML é uma técnica comum usada para codificar caracteres especiais em HTML, a fim de prevenir ataques de "cross-site scripting". No entanto, às vezes precisamos converter os caracteres "escapados" de volta à sua forma original. Aprenderemos como fazer isso criando uma função que "unescapa" os caracteres HTML mais comuns.

Unescape HTML (Desfazer Escape HTML)

Esta função "unescapa" caracteres HTML "escapados". Para usá-la, siga estes passos:

1. Abra o Terminal/SSH.
2. Digite node.
3. Copie e cole o seguinte código:

const unescapeHTML = (str) =>
  str.replace(
    /&|<|>|'|"/g,
    (tag) =>
      ({
        "&": "&",
        "&lt;": "<",
        "&gt;": ">",
        "&#39;": "'",
        "&quot;": '"'
      })[tag] || tag
  );

4. Chame a função unescapeHTML e passe a ela uma string com caracteres "escapados".
5. A função retornará a string "unescapada".

Exemplo de uso:

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

Resumo

Parabéns! Você concluiu o laboratório de "Unescape HTML". Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.