Entidades HTML: codificar y decodificar en línea (&, <, apóstrofo…)
Transforma los caracteres sensibles en entidades HTML o XML, y al revés. Es útil antes de insertar contenido en el marcado o para analizar cadenas ya escapadas. Hay opciones para las comillas cuando pegas un valor en un atributo.
Qué ocurre al codificar y al decodificar
Encode recorre el texto de izquierda a derecha y sustituye los caracteres estructurales por entidades predefinidas como &, < y, de forma opcional, " y '. Decode convierte de nuevo en caracteres Unicode literales las entidades decimales como {, las hexadecimales como { y las nombradas habituales. Repite el proceso hasta que se resuelven las secuencias anidadas como &lt;. Decode ignora tus interruptores de comillas, porque las entidades ya codifican la intención de entrecomillado.
Interruptores de escape de comillas
Activa la codificación de comillas dobles cuando incrustes valores en atributos HTML entre comillas dobles o en fragmentos parecidos a JSON. Activa la codificación de apóstrofes cuando envuelvas cadenas en atributos entre comillas simples, algo habitual en plantillas PHP antiguas. Refuerza siempre las ayudas del navegador con una limpieza estricta en el servidor antes de guardar nada.
Ejemplos prácticos
Fragmento listo para atributo
Original
Escapado
Decodificar entidades numéricas
Original
Escapado
Enlazar los flujos de trabajo
Los bloques grandes de marcado encajan con el minificador HTML. Los scripts en línea se benefician de la compresión JavaScript, y los feeds estructurados combinan bien con el formato JSON.
FAQ de entidades HTML
Evitar roturas del marcado sin perder legibilidad
¿Escapar sustituye la limpieza de datos en el servidor?
No. No trates nunca una utilidad del navegador como fuente de confianza. Valida siempre en el servidor, por ejemplo con una biblioteca como DOMPurify.
¿Qué entidades se decodifican?
Las formas numéricas (decimales y hexadecimales) y las entidades con nombre más frecuentes, como nbsp, quot, amp, copy y mdash.
¿Por qué escapar apostrofes?
Un atributo entre comillas simples se cierra antes de tiempo si el apóstrofe queda literal. Con ' evitas esa sorpresa al analizar el código.
¿Decode elimina ampersands legítimos?
Las entidades bien formadas se expanden, y los ampersands sueltos no se tocan salvo que formen parte de secuencias válidas.
¿El procesamiento es privado?
Sí. Todo se queda en la sesión de tu navegador.
¿El modo encode escapa todos los caracteres HTML especiales?
Siempre para &, < y >. Los interruptores de comillas añaden " o ' cuando pegas en atributos. El resto de caracteres queda literal salvo que ya esté escrito como entidad.
¿Puedo pegar esta salida tal cual en React o JSX?
Trata la salida como ayuda para ejemplos. Los frameworks ya escapan los nodos de texto, así que sigue la guía de React, Vue o Svelte en lugar de fiarte solo de los escapes manuales.
¿En qué se diferencia del codificador URL?
Las entidades HTML hacen el texto seguro dentro del marcado, mientras que la codificación porcentual prepara las cadenas para las URL. Usa URL encode para las cadenas de consulta y después las entidades para el contexto HTML.
Codificación
Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.
Explorar otras categorías de herramientas
- Minificar
Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.
- Desminificar
Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.
- Conversión
Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.
- Serialización
Serializa y deserializa estructuras PHP junto a los flujos JSON.
- Herramientas JSON
Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.
- Herramientas SVG
Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.
- Embellecer
Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.
- Preprocesadores CSS
Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.
- Herramientas color y CSS
Comprobación de contraste WCAG pegada localmente con sintaxis de color CSS moderna — vistas de par y matriz, nunca se sube.
- DevOps e Infra
Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.
- CI/CD
GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.
- Logs y observabilidad
JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.
- Kubernetes
Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.
- Red / IP
CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.
- Seguridad y tokens
JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.
- API y esquemas
Herramientas OpenAPI para formatear, validar y analizar tus specs.
- Herramientas HTTP
cURL, mensajes HTTP, URLs, HAR y Cookie / Set-Cookie pegados en el navegador — formatear e inspeccionar, nunca se envían.
- Herramientas SEO / Web
Genera meta tags, Open Graph y Twitter Card localmente — vistas simuladas desde tus entradas, nunca fetch de tu sitio en vivo.
- Utilidades para desarrolladores
Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.
- Texto y Markdown
Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.
- IA y LLM
Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.
- Datos de prueba
Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.
- Etiquetas de código de barras
Dibuja etiquetas Code 128, EAN-13 y UPC-A en el navegador — descarga PNG y SVG, no es un lookup GS1.