Cómo escapar y desescapar texto HTML

Pega marcado o texto codificado en el cuadro. Escapar HTML sustituye los seis caracteres que rompen el texto HTML (&, <, >, ", ' y el acento grave) por referencias de carácter; Desescapar HTML devuelve esas referencias a los caracteres que representan.

Ambas direcciones se ejecutan en esta página: no se sube nada y la herramienta sigue funcionando sin conexión. El panel de resultado muestra exactamente lo que Copiar pone en el portapapeles, y Limpiar vacía a la vez la entrada y el resultado.

  1. Pega el código HTML, el texto sin formato o el texto con entidades en la caja de entrada.
  2. Pulsa Escapar HTML para sustituir los seis caracteres especiales, o Desescapar HTML para decodificar las referencias.
  3. Comprueba la dirección antes de volver a pulsar: escapar un texto ya escapado vuelve a escapar los ampersands.
  4. Lee el resultado y pulsa Copiar. Limpiar restablece el área de texto y el panel de salida.
  5. Sigue en tu editor o pulsa Formato HTML si lo que quieres es dar formato al marcado, no escaparlo.

Qué convierte cada botón y qué queda intacto

Qué convierte Escapar HTML

Cambian exactamente seis caracteres: & pasa a &amp;, < a &lt;, > a &gt;, las comillas dobles a &quot;, el apóstrofo a &#x27; y el acento grave a &#x60;. Los acentos, el texto CJK, los emoji y los saltos de línea se copian sin cambios.

Escapar no es idempotente, porque el ampersand forma parte de toda referencia: escapar &amp; produce &amp;amp;. Ejecuta la conversión una vez sobre el texto original; para revisar un resultado anterior, aplícale antes Desescapar HTML.

Qué decodifica Desescapar HTML

La página decodifica las referencias igual que un navegador: referencias numéricas decimales y hexadecimales (&#39;, &#x27;, &#169;), referencias con nombre como &nbsp;, &hellip; o &copy;, y las formas heredadas que se aceptan sin punto y coma, como &amp y &lt.

Un nombre que el navegador no conoce, por ejemplo &foo;, se deja tal cual, y un punto de código inválido como &#x110000; se convierte en el carácter de reemplazo U+FFFD. Los prefijos heredados se decodifican aunque falte el punto y coma, igual que en HTML: &notanentity; empieza por &not y vuelve como ¬anentity;. Es el comportamiento del propio navegador, no una tabla privada, así que la página y un analizador real coinciden.

Para qué sirve y qué límites tiene

Usos habituales: mostrar fragmentos de código en documentación, escapar texto de usuarios antes de insertarlo en una plantilla HTML y decodificar entidades que llegan de una API o de un correo. La salida es texto plano, así que se pega en cualquier editor.

La herramienta no valida ni reformatea la estructura HTML, no decodifica el porcentaje de las URL (%20) y no toca los escapes de JavaScript o JSON como \n. Los textos muy grandes se procesan igualmente en la página, así que el resaltado puede tardar un momento.

Herramientas recientes: