Codificador HTML
Codifica y decodifica entidades HTML
Acerca de Codificador HTML
El Codificador HTML escapa los cinco caracteres que HTML lee como marcado: & pasa a ser &, < pasa a ser <, > pasa a ser >, las comillas dobles pasan a ser " y el apóstrofo pasa a ser '. Úsalo antes de poner en una página un texto escrito por un usuario, un ejemplo de código o el valor de un atributo, para que se muestre como texto en lugar de leerse como etiquetas. De forma predeterminada, todos los demás caracteres, acentos y emojis incluidos, se quedan como están; «Caracteres que codificar» también convierte en entidad cada carácter no ASCII, o cada carácter, escrita como un nombre como é, un número decimal como é o un número hexadecimal como é. El botón «Decodificar» hace lo contrario con todas las entidades con nombre y numéricas, en una sola pasada o hasta que no quede ninguna entidad. Los dos botones los gestiona el propio script de esta página.
Ejemplo
Un enlace con un título entre comillas y una comparación, escapado con «Codificar»:
Texto
<a title="Tom's">5 > 3 & 2 < 4</a>
Codificar
<a title="Tom's">5 > 3 & 2 < 4</a>
Cómo escapar texto para HTML
- 1Pega el texto o el ejemplo de código que quieres mostrar en una página web, o cárgalo con «Abrir un archivo».
- 2Para escapar también los acentos y los emojis, o para obtener entidades numéricas, elige «Caracteres que codificar» y «Forma de las entidades».
- 3Haz clic en «Codificar» para sustituir el ampersand, los corchetes angulares y los dos tipos de comillas por entidades.
- 4Para deshacerlo, pega el texto escapado y haz clic en «Decodificar», con «Decodificar hasta que no quede ninguna entidad» marcado si el texto se escapó dos veces.
- 5Haz clic en «Copiar» y pega el resultado escapado en tu HTML, o guárdalo con «Descargar» (el archivo es encoded.txt, incluso después de decodificar).
Formatos y límites
- Escapados por «Codificar»
- & < > y los dos tipos de comillas, escritos & < > " '
- Otros caracteres
- Se quedan como están, o se escriben como entidades con nombre (é), decimales (é) o hexadecimales (é); un emoji es una sola entidad (😀)
- Leído por «Decodificar»
- Todas las entidades con nombre que conoce tu navegador, además de las entidades numéricas decimales y hexadecimales
- Pasadas
- Una: &lt; pasa a ser <, nunca <, salvo que «Decodificar hasta que no quede ninguna entidad» esté marcado
Dónde se procesa tu texto
El escape es una simple sustitución de texto que hace el script de esta página, con los nombres de la norma HTML que lleva la página, y las entidades con nombre se decodifican con el propio analizador HTML de tu navegador, que no ejecuta ningún script ni carga nada. Un archivo que abres lo lee tu navegador. Nada de lo que pegas o abres sale de la página ni se guarda. Cuando algo falla, como una copia que el navegador rechaza, recibimos ese error con el nombre de la herramienta y el nombre y la versión de tu navegador, no tu texto.
Preguntas frecuentes
¿Basta con escapar estos cinco caracteres para que un texto sea seguro en HTML?
Sí para el texto entre etiquetas y para los valores de atributo entre comillas. No para un atributo sin comillas, la dirección de un enlace (una dirección javascript: sigue siendo dañina una vez escapada) o el código que va dentro de elementos script o style: esos casos necesitan otro escape o una validación.
¿Puedo dejar las comillas como están?
Sí, para el texto entre etiquetas, donde solo hay que escapar &, < y >: desmarca «Codificar comillas y apóstrofos». Déjalo marcado para cualquier valor de atributo.
¿«Decodificar» lee tanto ' como '?
Sí. «Codificar» escribe el apóstrofo como ', o como ' si lo eliges en «Forma del apóstrofo», y «Decodificar» convierte tanto ' como ' de nuevo en un apóstrofo, así que un texto escapado de cualquiera de las dos formas se lee igual después de decodificarlo.
¿Codifica las letras con tilde o los emojis?
No de forma predeterminada: solo se sustituyen los cinco caracteres de marcado, y é, ü o 😀 se quedan como están, lo que va bien a cualquier página guardada en UTF-8. Para codificarlos, elige la segunda opción de «Caracteres que codificar»: é pasa a ser é (o é, é), y 😀 pasa a ser una sola entidad, 😀, nunca dos mitades. Un carácter que la norma HTML no nombra se escribe como número decimal. «Decodificar» lee todas estas formas.
¿«Codificar» y luego «Decodificar» me devuelven mi texto?
Sí. «Decodificar» lee cada entidad una sola vez, así que el & que escribe «Codificar» vuelve a ser & sin tocar lo que le sigue, y un texto que ya contenía entidades vuelve sin cambios.
¿Cómo decodifico un texto que se escapó dos veces?
Marca «Decodificar hasta que no quede ninguna entidad» y haz clic en «Decodificar»: &amp;lt; pasa a ser <, tras las pasadas que hagan falta. Sin esa casilla, «Decodificar» hace una sola pasada, así que &lt; pasa a ser <, el texto que necesita un ejemplo de código en una página.
¿Puedo abrir un archivo?
Sí: «Abrir un archivo» carga en el cuadro un archivo de texto, como un archivo .html, .xml, .svg o .txt, leído como UTF-8, como UTF-16 o en la codificación habitual de Windows para el idioma de tu navegador. Un archivo binario, como una imagen, se rechaza.
Consejos y trucos
- ✓Escapa un ejemplo de código una sola vez: si lo codificas dos veces, la página muestra &lt; en lugar de <.