ConvertText.app LogoConvertText.app

Codificador / Decodificador de entidades HTML

Decodifica y codifica entidades HTML online directamente en tu navegador. Este decodificador y codificador de entidades HTML te ayuda a desescapar HTML, convertir entidades HTML a texto o codificar caracteres especiales para una visualizacion segura en HTML. Convierte caracteres reservados como `&`, `<`, `>`, `"` y `'` en equivalentes de entidad como `&amp;`, `&lt;`, `&gt;`, `&quot;` y `&#39;`, y los decodifica de nuevo. El modo extendido tambien puede convertir letras acentuadas, simbolos y emojis a entidades numericas.

Pega texto normal, HTML escapado o una cadena HTML codificada en el campo de entrada y elige si quieres codificar o decodificar HTML. La herramienta funciona como un decodificador HTML online, un codificador HTML online y un asistente privado para desescapar entidades HTML en el navegador. Todo se ejecuta localmente en tu navegador – tu texto nunca abandona tu dispositivo.

Opciones de conversión
Elige si quieres codificar o decodificar, y selecciona el nivel de detalle al codificar.

Codifica solo los cinco caracteres HTML reservados: & < > " ' — las letras acentuadas y los emojis pasan sin cambios.

Texto a codificar
Introduce el texto que deseas codificar. Los caracteres reservados se convierten en entidades HTML.
0 carac
Salida codificada
Resultado codificado con entidades HTML, seguro para insertar en la fuente HTML.
0 carac

🔒 Tu texto se procesa en tu navegador. No se sube nada.

Este es un decodificador y codificador de entidades HTML privado, basado en el navegador. Funciona como un sencillo conversor de entidades HTML para desarrolladores, bloggers, usuarios de CMS y estudiantes que necesitan decodificar texto HTML codificado, desescapar entidades HTML o codificar caracteres HTML de forma segura. La herramienta usa iteracion de cadenas JavaScript puro y una tabla curada de entidades nombradas para procesar el texto completamente en tu dispositivo, sin ida y vuelta al servidor y sin librerias de terceros.

Que son las entidades HTML?

Una entidad HTML es una secuencia corta de texto que representa un caracter en el codigo fuente HTML. Las entidades se usan cuando un caracter seria ambiguo o invalido en HTML sin procesar – por ejemplo, `<` y `>` delimitan las etiquetas HTML, por lo que un `<` literal en el contenido debe escribirse como `&lt;` para que el navegador no lo interprete como el inicio de una etiqueta.

Las entidades HTML existen en dos formas. Las entidades nombradas usan un nombre legible despues de `&` y antes de `;`, por ejemplo `&amp;` para un ampersand, `&copy;` para el simbolo de copyright, o `&mdash;` para un guion largo. Las entidades numericas usan un punto de codigo Unicode decimal o hexadecimal – `&#169;` y `&#xA9;` producen ambos el simbolo de copyright ©.

Los cinco caracteres HTML reservados que todo desarrollador deberia conocer:

  • `&amp;` – el ampersand `&`
  • `&lt;` – el signo menor que `<`
  • `&gt;` – el signo mayor que `>`
  • `&quot;` – las comillas dobles `"`
  • `&#39;` – el apostrofo / comilla simple `'`

Mas alla de estos cinco, HTML define entidades nombradas para cientos de otros caracteres: letras acentuadas (`&eacute;` = e con acento agudo), espacios de no separacion (`&nbsp;`), puntuacion tipografica (`&mdash;` = guion largo, `&ldquo;` y `&rdquo;` = comillas tipograficas), simbolos de moneda (`&euro;` = signo euro), simbolos matematicos y letras griegas.

Cuando debo codificar entidades HTML?

Codifica entidades HTML siempre que insertes texto plano en un documento HTML y ese texto pueda contener caracteres reservados por HTML. Las situaciones mas comunes:

  • Pegar contenido generado por usuarios o texto de blog en un CMS o plantilla que almacena HTML sin procesar.
  • Incrustar ejemplos de codigo en entradas de blog o paginas de documentacion – un fragmento como `<strong>negrita</strong>` debe codificarse como `&lt;strong&gt;negrita&lt;/strong&gt;` para que el navegador lo muestre como texto visible.
  • Construir payloads JSON incrustados en etiquetas HTML `<script>` donde `<`, `>` y `&` pueden romper la estructura HTML circundante.
  • Almacenar valores de atributos que pueden contener comillas dobles, para no romper los delimitadores `"..."` circundantes.
  • Codificar caracteres especiales para plantillas de email HTML.

Usa el modo basico cuando solo necesites escapar los cinco caracteres reservados. Usa el modo extendido para maxima compatibilidad HTML o para sistemas legados que solo admiten ASCII.

Cuando debo decodificar entidades HTML?

Decodifica entidades HTML cuando recibas texto ya escapado y necesites leer, procesar o mostrar los caracteres originales. En terminos de busqueda, esto se conoce como HTML decode, HTML unescape o conversion de texto HTML codificado a texto normal. Situaciones comunes:

  • Respuestas de API cuyos campos de cadena contienen texto HTML escapado – por ejemplo `Tom &amp; Jerry` cuando esperabas `Tom & Jerry`. En ese caso, necesitas convertir entidades HTML a texto.
  • Corregir contenido doblemente codificado por un CMS, produciendo cadenas como `&amp;lt;` en lugar de `&lt;` o `<`.
  • Leer entradas de fuentes RSS o Atom cuyo contenido de texto suele estar HTML-codificado.
  • Inspeccionar lineas de log que contienen parametros de consulta o mensajes de error HTML-escapados.
  • Copiar texto visible de un archivo fuente HTML donde el contenido se almacena como entidades.

Esta herramienta decodifica tanto entidades nombradas (`&amp;`, `&copy;`, `&mdash;`, `&nbsp;` y cientos mas) como entidades numericas en notacion decimal (`&#169;`) y hexadecimal (`&#xA9;`).

Modo basico vs modo extendido

Este codificador ofrece dos niveles de detalle de codificacion.

El modo basico codifica unicamente los cinco caracteres HTML reservados: `&` se convierte en `&amp;`, `<` en `&lt;`, `>` en `&gt;`, `"` en `&quot;`, `'` en `&#39;`. Todos los demas caracteres – letras acentuadas como `é` y `ü`, simbolos como `©` y `—`, emojis como 😀 – se pasan sin cambios. Usa el modo basico cuando tu entorno de destino admita Unicode de forma nativa.

El modo extendido codifica los mismos cinco caracteres reservados y ademas convierte cada caracter no ASCII en una entidad numerica decimal. Por ejemplo, `é` se convierte en `&#233;`, `©` en `&#169;`, `—` en `&#8212;` y 😀 en `&#128512;`. Usa el modo extendido cuando necesites una salida ASCII pura o para sistemas legados.

Los desarrolladores a veces buscan la misma tarea con terminos como htmlDecode, htmlEncode, HTML escape, HTML unescape, codificar HTML o decodificar HTML. La formulacion varia, pero el objetivo es el mismo: convertir de forma segura entre caracteres legibles y su representacion como entidades HTML.

Ejemplo de ida y vuelta en modo basico:

  • Entrada: `Café & © 😀`
  • Codificado (basico): `Café &amp; © 😀`
  • Decodificado: `Café & © 😀`

Ejemplo de ida y vuelta en modo extendido:

  • Entrada: `Café & © 😀`
  • Codificado (extendido): `Caf&#233; &amp; &#169; &#128512;`
  • Decodificado: `Café & © 😀`

Codificacion de entidades HTML vs codificacion URL

La codificacion de entidades HTML y la codificacion URL son dos mecanismos completamente diferentes con diferentes propositos y diferentes salidas – aunque ambos transforman caracteres especiales en una representacion alternativa.

La codificacion de entidades HTML es para documentos HTML. Reemplaza caracteres con significado especial en el marcado HTML por secuencias de entidades que el parser HTML trata como contenido de texto. El resultado sigue siendo texto legible – `&amp;` se muestra como `&` en un navegador.

La codificacion URL (codificacion de porcentaje) es para URLs. Reemplaza caracteres que son inseguros o reservados en una URL por secuencias de bytes en porcentaje. Un espacio se convierte en `%20`, un ampersand en `%26`, un signo menor en `%3C`.

Comparacion de los mismos caracteres en ambos sistemas:

  • `&` – HTML: `&amp;`, URL: `%26`
  • `<` – HTML: `&lt;`, URL: `%3C`
  • `>` – HTML: `&gt;`, URL: `%3E`
  • `"` – HTML: `&quot;`, URL: `%22`
  • `'` – HTML: `&#39;`, URL: `%27`

Si pegas texto HTML-codificado en un codificador de URL, este codificara los propios caracteres de la entidad (`&`, `;`, `#`), lo cual casi nunca es lo que se desea. Usa esta pagina para la decodificacion de entidades HTML, la codificacion de entidades HTML y la conversion de texto HTML codificado a texto legible.

Need to encode or decode a URL instead of HTML text? Use the URL Encoder / Decoder. Use this page for HTML entity decoding, HTML entity encoding, and converting HTML encoded text back to readable text.

Codificacion de entidades HTML vs limpieza de HTML

La codificacion de entidades HTML (esta herramienta) convierte caracteres en sus equivalentes de entidades HTML y revierte ese proceso. No agrega, elimina ni reestructura ningun elemento HTML. La estructura del documento se preserva; solo cambia la representacion de los caracteres especiales.

La limpieza de HTML es una operacion diferente que elimina o reescribe el marcado HTML – eliminando etiquetas no deseadas, normalizando atributos o desinfectando contenido potencialmente peligroso. Una funcion de limpieza podria transformar `<b onclick="...">negrita</b>` en `<b>negrita</b>` o simplemente `negrita`.

Esta herramienta no limpia HTML. Si pegas HTML sin procesar en el codificador, codificara los corchetes angulares y otros caracteres reservados en el marcado, convirtiendo `<p>Hola</p>` en `&lt;p&gt;Hola&lt;/p&gt;`. No inspecciona, elimina ni reestructura ningun elemento.

Del mismo modo, esta herramienta no es un limpiador de texto. No elimina espacios redundantes, no quita acentos y no normaliza los saltos de linea. Su unico trabajo es codificar y decodificar entidades HTML.

Preguntas frecuentes

Que es un decodificador y codificador de entidades HTML?

Un decodificador de entidades HTML convierte entidades HTML escapadas como `&amp;`, `&lt;`, `&gt;`, `&quot;` y `&#39;` de nuevo en caracteres legibles. Un codificador de entidades HTML hace lo contrario: convierte caracteres con significado especial en HTML – como `&`, `<`, `>`, `"` y `'` – en secuencias de entidades HTML seguras. Esta pagina funciona tanto como herramienta de decodificacion HTML online como de codificacion HTML online, con opciones de codificacion basica y extendida, todo en tu navegador.

Que son las entidades HTML?

Las entidades HTML son secuencias de texto especiales que representan caracteres en el codigo fuente HTML. Comienzan con `&` y terminan con `;`. Las entidades nombradas usan un nombre legible como `&amp;` (ampersand), `&lt;` (menor que), `&copy;` (simbolo de copyright) o `&mdash;` (guion largo). Las entidades numericas usan un punto de codigo Unicode decimal o hexadecimal: `&#169;` y `&#xA9;` producen ambos el simbolo de copyright ©. Las entidades existen porque ciertos caracteres – especialmente `<`, `>` y `&` – tienen significados reservados en HTML y deben escaparse para aparecer como texto literal.

Cuando debo codificar entidades HTML?

Codifica entidades HTML siempre que integres texto plano en un documento HTML y ese texto pueda contener caracteres reservados por HTML. Los casos mas importantes: mostrar contenido generado por usuarios en una pagina web, donde escapar los caracteres HTML reservados puede evitar que el texto se interprete como marcado; incrustar fragmentos de codigo en entradas de blog o documentacion; construir plantillas de email HTML; almacenar texto en campos de CMS donde se espera HTML. Usa el modo basico para la mayoria del contenido web; el modo extendido para salida ASCII pura.

Cuando debo decodificar entidades HTML?

Decodifica entidades HTML cuando recibas texto HTML escapado y necesites los caracteres originales. Situaciones comunes: respuestas de API que devuelven cadenas escapadas como `Tom &amp; Jerry`, contenido CMS doblemente codificado donde `&amp;lt;` deberia ser `<`, entradas de fuentes RSS o Atom donde el contenido de texto esta entity-codificado, lineas de log con parametros de consulta escapados. Tambien puedes pensar en esto como usar una herramienta HTML unescape online o una forma de convertir entidades HTML a texto.

Que significa desescapar HTML?

Desescapar HTML significa decodificar entidades HTML de vuelta a sus caracteres originales legibles. Por ejemplo, `&amp;` se convierte en `&`, `&lt;` en `<` y `&gt;` en `>`. Esto es util cuando texto copiado, salida de API, contenido de CMS o codigo fuente contiene HTML escapado que quieres leer como texto normal.

Cual es la diferencia entre `&amp;`, `&lt;`, `&gt;`, `&quot;` y `&#39;`?

Estas son las cinco entidades HTML para los caracteres reservados con significado especial en el marcado HTML. `&amp;` representa el ampersand `&`, que inicia cada entidad HTML. `&lt;` representa el signo menor `<`, que abre las etiquetas HTML. `&gt;` representa el signo mayor `>`, que cierra las etiquetas HTML. `&quot;` representa las comillas dobles `"`, que delimitan los valores de atributos HTML. `&#39;` (o `&apos;` en HTML5) representa el apostrofo `'`, tambien usado en valores de atributos. Los cinco deben escaparse donde aparezcan como contenido de texto literal.

Cual es la diferencia entre entidades HTML nombradas y numericas?

Las entidades nombradas usan un nombre legible como `&amp;`, `&copy;` o `&mdash;`. Las entidades numericas usan un punto de codigo Unicode en decimal (`&#169;` para ©) o hexadecimal (`&#xA9;` para ©). Las entidades nombradas son mas faciles de leer y escribir, pero solo un conjunto predefinido de nombres esta estandarizado por HTML. Las entidades numericas pueden representar cualquier caracter Unicode valido, incluidos emojis y caracteres de cualquier sistema de escritura.

La codificacion de entidades HTML es lo mismo que la codificacion URL?

No, son completamente diferentes. La codificacion de entidades HTML reemplaza caracteres por secuencias de entidades para documentos HTML – `&` se convierte en `&amp;`. La codificacion URL (codificacion de porcentaje) reemplaza caracteres por secuencias de bytes en porcentaje para URLs – el mismo `&` se convierte en `%26`. Cada esquema solo es valido en su propio contexto. Usa siempre la herramienta correcta para el contexto correcto.

La codificacion de entidades HTML es lo mismo que la limpieza de HTML?

No. La codificacion de entidades HTML (esta herramienta) convierte caracteres en representacion de entidades y viceversa, sin agregar, eliminar ni reestructurar ningun elemento HTML. La limpieza de HTML es una operacion diferente que elimina etiquetas no deseadas, desinfecta atributos o normaliza el marcado. Esta herramienta no inspecciona ni modifica la estructura HTML de ninguna manera.

Esta herramienta renderiza o ejecuta HTML?

No. La salida decodificada se muestra como texto plano en un campo de texto de solo lectura. La herramienta nunca usa innerHTML, dangerouslySetInnerHTML ni ningun otro mecanismo que haga que el navegador analice o ejecute la salida como HTML. Por ejemplo, decodificar `&lt;script&gt;alert(1)&lt;/script&gt;` produce unicamente la cadena literal `<script>alert(1)</script>` visible como texto – el script nunca se ejecuta.

Mi texto se sube a un servidor?

No. El codificador y decodificador se ejecutan completamente en tu navegador con JavaScript puro. Tu entrada nunca se envia a un servidor, nunca se almacena y nunca se registra. Cerrar la pestana lo elimina todo. La herramienta es segura para contenido sensible como claves de API, plantillas HTML internas o documentos personales que prefieres no pegar en un servicio remoto.

Que es htmldecode?

`htmldecode` es una forma comun entre desarrolladores de describir la decodificacion de entidades HTML de vuelta a texto normal. En JavaScript, PHP y otros contextos de programacion, los desarrolladores suelen usar nombres como htmlDecode, htmlEncode, HTML escape y HTML unescape para el mismo tipo de conversion. Esta herramienta te permite hacer esa conversion online sin escribir codigo.

Explora más herramientas de texto

Herramientas online gratuitas para convertir, codificar y transformar texto

Convertir mayúsculas

Transforma mayúsculas y minúsculas — MAYÚSCULAS, minúsculas, Título y más

Traductor de código Morse

Convierte texto a código Morse y viceversa

Decodificador de audio Morse

Decodificar código Morse desde archivos de audio o micrófono

Traductor binario

Convierte texto a binario y viceversa

Codificador/Decodificador Base64

Codifica y decodifica texto Base64

Hex Converter

Convierte texto a hexadecimal y viceversa

Codificador/Decodificador ROT13

Codificar y decodificar texto usando el cifrado ROT13

Generador de Superíndice

Convierte texto a superíndice Unicode cuando es compatible.

Generador de Subíndice

Convierte texto a subíndice Unicode donde esté soportado.

Generador de texto tachado

Genera texto tachado Unicode para copiar y pegar al instante

Imagen a Base64

Convierte imágenes en cadenas Base64 y URIs de datos

URL Encoder / Decoder

Encode and decode URL components, query strings, and percent-encoded text