Saltar al contenido
Toolars
Explorar
Informar de un error

Desarrollo · utilidad Local

Codificador / decodificador HTML

HTML Encoder / Decoder

Escapa &, <, > y comillas como entidades HTML o decodifica referencias con nombre y numéricas, en vivo y en local, con intercambio de dirección.

Ruta de la tarea / de la entrada al resultado

Elige Codificar o Decodificar

Funciona en local · No se sube nada

Cómo funciona Codificador/decodificador HTML, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo codificar y decodificar entidades HTML

  1. 01

    Elige Codificar o Decodificar

    Elige la dirección en las pestañas de modo. Codificar convierte el marcado en texto que puedes pegar en la documentación; Decodificar resuelve las referencias de caracteres y devuelve caracteres reales que puedes leer. Las etiquetas de los dos paneles siempre muestran qué dirección está activa.

  2. 02

    Pega el contenido

    Usa el campo HTML o texto sin formato al codificar, o el campo Entidades HTML al decodificar. El resultado se actualiza en vivo mientras escribes, y Cargar ejemplo muestra un pequeño recorrido de ida y vuelta con una etiqueta y una referencia de emoji.

  3. 03

    Lee el resultado

    La codificación escapa exactamente los cinco caracteres que rompen el marcado: &, <, >, " y ' se convierten en &amp;, &lt;, &gt;, &quot; y &#39;; la decodificación resuelve referencias de caracteres con nombre y numéricas a través del propio analizador del navegador. Todo lo demás pasa intacto, así que un fragmento como &lt;strong&gt; vuelve como una etiqueta real al decodificar.

  4. 04

    Haz la ida y vuelta con Intercambiar

    Intercambiar devuelve la salida a la entrada con el modo opuesto seleccionado, así que puedes codificar un fragmento, intercambiar y decodificarlo de nuevo para confirmar que el texto sobrevive al recorrido sin cambios. Las etiquetas de los paneles cambian con el modo, así que la dirección actual siempre está visible.

  5. 05

    Copia o descarga

    Copiar resultado envía la salida al portapapeles, y Descargar .txt la guarda como toolars-html-entities.txt para pasarla a un compañero o adjuntarla a un ticket. Limpiar vacía ambos paneles para el siguiente fragmento.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Codificador/decodificador HTML usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Qué hace Codificador/decodificador HTML en realidad

Un tutorial necesita mostrar un fragmento de marcado sin que el navegador se trague las etiquetas; una exportación del CMS vuelve salpicada de &amp; y &#39; y alguien tiene que leerla; una plantilla se rompe una y otra vez porque el valor de un atributo contiene una comilla sin escapar. Codificador/decodificador HTML maneja ambas direcciones localmente, con un botón Intercambiar que convierte la comprobación de ida y vuelta en dos clics, y es la forma más rápida de ver cómo quedará una exportación guardada cuando un navegador la analice. El contenido borrador y las páginas no publicadas nunca salen de la pestaña, y ninguna cuenta se interpone entre tú y el resultado.

Preguntas frecuentes

¿Qué caracteres escapa Codificar?
Exactamente cinco: &, <, >, la comilla doble y la comilla simple, que se convierten en &amp;, &lt;, &gt;, &quot; y &#39;. Todo lo demás permanece como se escribió, así que el texto normal sigue siendo legible en la salida codificada y solo cambian los caracteres que romperían el marcado o los atributos.
¿Qué tipo de entidades puede resolver Decodificar?
Decode reconoce referencias con nombre como &amp;, decimales como &#38; y hexadecimales como &#x26; mediante el analizador HTML del navegador. Las referencias desconocidas permanecen literales. Algunas referencias con nombre se decodifican aun sin punto y coma final, así que omitirlo no garantiza conservar el texto.
¿Codificar es lo mismo que sanear HTML?
No. La codificación escapa cinco caracteres para que el marcado se muestre como texto; es un paso de presentación, no un filtro de seguridad, pensado para tutoriales, documentación y ejemplos de código. No trates la salida codificada como sustituto de una política de saneado real cuando de verdad vayas a renderizar contenido de usuarios.
¿Por qué el apóstrofo se convierte en &#39; y no en &apos;?
El codificador usa la referencia numérica &#39;, que todo analizador HTML acepta tanto en contextos HTML como XHTML. Vuelve a ser un apóstrofo normal a través de cualquier analizador conforme al estándar, incluido el del propio navegador.
¿Qué pasa si decodifico texto que no tiene entidades?
Vuelve sin cambios. La decodificación solo reescribe las referencias de caracteres que reconoce, así que el texto plano pasa tal cual y puedes pasar con seguridad contenido desconocido por Decodificar para comprobar si contiene entidades.
¿Mi marcado se sube a algún sitio?
No. Ambas direcciones se ejecutan por completo dentro de la pestaña actual del navegador, la entrada nunca se envía ni se conserva y no se necesita cuenta.

Continuar en Desarrollo

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Código a imagen

Code to Image Converter

Convierte código en una tarjeta PNG o SVG con resaltado Shiki para seis lenguajes, temas claro y oscuro, números de línea, título y escala 1x o 2x.

Crear

Generador de slugs URL

URL Slug Generator

Convierte títulos en slugs limpios en vivo: sin acentos, & convertido en and, guiones o guiones bajos como separador y escrituras no latinas intactas.

Crear

Sombras para React Native

React Native Shadow Generator

Ajusta sombras de iOS, elevation de Android o la nueva propiedad boxShadow contra una vista previa en vivo, y copia el fragmento StyleSheet.

Crear

Codificador/decodificador Base64

Base64 Encoder/Decoder

Codifica texto Unicode a Base64 y decodifícalo con validación en vivo, opciones UTF-8 y URL-safe, e intercambio para la ida y vuelta. En local.

Convertir