LabEx
EntrarÚnete

Deshacer la escapación de caracteres HTML con JavaScript

Beginner

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

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.

Deshacer la escapación de HTML

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

  1. Abra la Terminal/SSH.
  2. Escriba node.
  3. Copie y pegue el siguiente código:
const unescapeHTML = (str) =>
  str.replace(
    /&|<|>|'|"/g,
    (tag) =>
      ({
        "&": "&",
        "&lt;": "<",
        "&gt;": ">",
        "&#39;": "'",
        "&quot;": '"'
      })[tag] || tag
  );
  1. Llame a la función unescapeHTML y pasele una cadena con caracteres escapados.
  2. 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.