Resumen
El codificador de entidades HTML transforma caracteres reservados y ciertos símbolos en su forma de entidad, de modo que el resultado puede insertarse en HTML sin que se interprete como marcado. Es útil cuando necesitas mostrar texto literal, conservar ejemplos de código o preparar contenido que podría romper una página. Resulta especialmente práctico cuando el texto proviene de formularios, documentación, plantillas o campos de un CMS y debe verse exactamente como fue escrito. El resultado codificado puede copiarse en HTML, fragmentos, correos o ejemplos de código donde importa la visualización literal.
Casos de uso
- Publicar texto literal dentro de HTMLCodifica texto con signos angulares o ampersands antes de colocarlo en una página para que el navegador lo muestre literalmente.
- Preparar ejemplos de código para documentaciónConvierte fragmentos de HTML o plantillas en entidades para que el ejemplo se vea y no se ejecute.
- Mostrar contenido enviado por usuarios en vistas previasPresenta nombres, comentarios o mensajes exactamente como se escribieron cuando incluyen caracteres que alterarían el HTML.
- Formatear contenido de CMS con símbolosGuarda o pega texto con monedas, flechas o signos matemáticos sin que se interprete como HTML.
Como funciona
- 1
Escribe o pega el texto que quieres codificar.
- 2
La herramienta sustituye los caracteres reservados de HTML y los símbolos compatibles por entidades.
- 3
Copia el resultado y úsalo en HTML, una plantilla o un ejemplo de código.
Ejemplos
Caracteres reservados
Entrada: precio < 20 & stock > 0
Salida: precio < 20 & stock > 0
Los signos angulares y el ampersand pasan a entidades HTML.
Comillas en una cadena
Entrada: Dijo: "guárdalo" & sigue
Salida: Dijo: "guárdalo" & sigue
Las comillas y el ampersand se codifican para una visualización literal.
Símbolos mezclados con texto
Entrada: Usa <code> y 50% > 25%
Salida: Usa <code> y 50% > 25%
El texto con aspecto de etiqueta se neutraliza y el resto sigue legible.
FAQ
¿Qué caracteres se codifican siempre?
Siempre se codifican los caracteres reservados de HTML, como <, > y &. Las comillas también pueden codificarse según la configuración.
¿La salida seguirá siendo legible?
Sí. El texto sigue siendo entendible, pero los caracteres que podrían interpretarse como HTML aparecen en forma de entidad.
¿Puedo volver a codificar texto ya codificado?
Sí, pero normalmente generará entidades anidadas como &amp;. Ese es un error común cuando el texto ya pasó por otro encoder.
¿Por qué mi ejemplo muestra etiquetas en vez de texto?
Normalmente ocurre porque el contenido se insertó sin codificación. Pásalo por el codificador antes de colocarlo en HTML.
¿La herramienta cambia símbolos que no son HTML?
Solo convierte los símbolos que soporta el codificador. Letras, números y la mayoría de la puntuación se mantienen igual salvo que interfieran con el parsing de HTML.