Deshacer la escapación de HTML

Introducción

En este laboratorio, exploraremos cómo deshacer la escapación de caracteres HTML utilizando JavaScript. La escapación de HTML es una técnica común utilizada para codificar caracteres especiales en HTML y prevenir ataques de scripting entre sitios. Sin embargo, a veces necesitamos convertir los caracteres escapados de nuevo a su forma original. Aprenderemos a hacer esto creando una función que deshaga la escapación de los caracteres HTML más comunes.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28677{{"Deshacer la escapación de caracteres HTML con JavaScript"}} javascript/data_types -.-> lab-28677{{"Deshacer la escapación de caracteres HTML con JavaScript"}} javascript/arith_ops -.-> lab-28677{{"Deshacer la escapación de caracteres HTML con JavaScript"}} javascript/comp_ops -.-> lab-28677{{"Deshacer la escapación de caracteres HTML con JavaScript"}} end

Esta función deshace la escapación de los caracteres HTML escapados. Para utilizarla, siga estos pasos:

Abra la Terminal/SSH.
Escriba node.
Copie y pegue el siguiente código:

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

Llame a la función unescapeHTML y pasele una cadena con caracteres escapados.
La función devolverá la cadena sin escapación.

Uso de ejemplo:

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

Resumen

¡Felicitaciones! Has completado el laboratorio de Deshacer la escapación de HTML. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.