Escapar y Desescapar Entidades HTML

Escapar entidades HTML al instante: convierte < > & " o desescapa entidades con nombre, decimales y hex a texto.

Tu texto se escapa y se desescapa localmente en tu navegador y nada se sube a un servidor.

Creado y mantenido por Udit Agarwal

¿Escapando texto para JSON? Prueba Escapar / Desescapar JSON.

Acerca de Escapar / Desescapar HTML

La herramienta para escapar entidades HTML escapa los caracteres especiales de HTML y desescapa entidades de vuelta a texto plano directamente en tu navegador. En modo Escapar convierte los cinco caracteres especiales & < > " y ' en sus formas de entidad seguras (&amp;, &lt;, &gt;, &quot;, &#39;), para que puedas escapar HTML online y mostrar código, etiquetas o entrada de usuario dentro del marcado sin romperlo. En modo Desescapar, esta herramienta decodifica entidades con nombre como &lt; y &nbsp;, además de referencias numéricas decimales (&#39;) y hexadecimales (&#x27;), de vuelta a los caracteres originales. Está pensada para desarrolladores front-end y back-end, redactores técnicos e ingenieros de QA que trabajan con plantillas, HTML de correo o páginas extraídas. Todo se procesa localmente, así que tus fragmentos nunca salen de tu dispositivo.

Características

  • El modo Escapar convierte & < > " y ' en entidades HTML seguras
  • El modo Desescapar decodifica entidades con nombre como &lt;, &gt;, &quot;, &apos; y &nbsp;
  • Decodifica entidades numéricas decimales como &#39; de vuelta a caracteres
  • Decodifica entidades numéricas hexadecimales como &#x27; de vuelta a caracteres
  • Resuelve &amp; al final para que los ampersands ya escapados se decodifiquen limpiamente
  • Cambia entre Escapar y Desescapar con un solo botón
  • La salida se actualiza en vivo mientras escribes, con copia de un clic
  • Se ejecuta por completo en tu navegador

Cómo usar Escapar / Desescapar HTML

  1. Elige Escapar para codificar caracteres o Desescapar para decodificar entidades.
  2. Pega tu texto o HTML en el cuadro de entrada.
  3. Lee el resultado convertido en el panel de salida mientras escribes.
  4. Haz clic en Copiar para tomar la salida escapada o desescapada.

Ejemplo

Entrada

<a href="x">Tom & Jerry's</a>

Salida

&lt;a href=&quot;x&quot;&gt;Tom &amp; Jerry&#39;s&lt;/a&gt;

El modo Escapar convierte el marcado y los caracteres especiales en entidades HTML seguras.

Errores comunes y solución de problemas

  • La salida sigue mostrando < y > sin procesar y el escapado parece no funcionar. — Confirma que estás en modo Escapar; el modo Desescapar hace lo contrario y convierte las entidades de vuelta en caracteres.
  • Una entidad con nombre como &copy; o &mdash; no se decodifica. — Solo se manejan como entidades con nombre &lt;, &gt;, &quot;, &apos; y &nbsp;; usa la forma numérica como &#169; o &#8212; en su lugar.
  • El texto doblemente codificado muestra &amp;lt; en lugar de <. — Ejecuta Desescapar dos veces, ya que el texto se escapó más de una vez y cada pasada decodifica una capa.
  • Esperas que escapar haga que el HTML no confiable sea seguro de renderizar. — Escapar evita la inyección de marcado en texto plano, pero siempre sanitiza el HTML no confiable con un sanitizador dedicado antes de renderizarlo.

Preguntas frecuentes

¿Qué hace la herramienta para escapar entidades HTML y qué escapa?
La herramienta para escapar entidades HTML escapa los cinco caracteres especiales de HTML: & se convierte en &amp;, < en &lt;, > en &gt;, " en &quot;, y ' en &#39;.
¿Cómo desescapo entidades HTML de vuelta a texto?
Cambia la herramienta a modo Desescapar y pega tu texto; decodifica &lt;, &gt;, &quot;, &apos; y &nbsp;, además de referencias numéricas decimales (&#39;) y hexadecimales (&#x27;).
¿Escapar HTML hace que la entrada de usuario sea segura de mostrar?
Escapar evita la inyección de marcado cuando muestras el texto como contenido, pero aun así debes sanitizar el HTML no confiable antes de renderizarlo como marcado.
¿Puede manejar referencias de caracteres numéricas?
Sí. El modo Desescapar convierte tanto referencias decimales como &#169; como referencias hexadecimales como &#xA9; de vuelta a sus caracteres.
¿Por qué &amp; se decodifica después de las demás entidades?
La herramienta resuelve &amp; al final para que las secuencias ya escapadas como &amp;lt; se desescapen una capa a la vez en lugar de colapsar de forma incorrecta.
¿Se sube mi texto a algún lado cuando uso esta herramienta?
No. La herramienta procesa todo localmente en tu navegador, así que tu texto nunca sale de tu dispositivo.

Herramientas relacionadas

Más herramientas de Codificar / Decodificar

Ver todas las herramientas de Codificar / Decodificar (31) · Todas las herramientas