Codificador de entidades HTML gratis

Codifica caracteres especiales a entidades HTML y viceversa. Gratis, rápido y funciona íntegramente en tu navegador, sin registro.

Actualizado

Share:
Home/Code Tools/HTML Entity Encoder/Decoder

HTML Entity Encoder/Decoder

Encode special characters to HTML entities or decode entities back. Supports named, numeric, and hex entities with auto-detection, bulk processing, and live preview.

Encoding Options

Input

0 chars
1

Output

0 entities
0 chars
1

HTML Entity Reference

CharNamedDecimalHexDescriptionActions
&&&&Ampersand
<&lt;&#60;&#x3C;Less than
>&gt;&#62;&#x3E;Greater than
"&quot;&#34;&#x22;Double quote
'&#39;&#x27;Single quote / Apostrophe
 &nbsp;&#160;&#xA0;Non-breaking space
©&copy;&#169;&#xA9;Copyright
®&reg;&#174;&#xAE;Registered trademark
&trade;&#8482;&#x2122;Trademark
&euro;&#8364;&#x20AC;Euro sign
£&pound;&#163;&#xA3;Pound sign
¥&yen;&#165;&#xA5;Yen sign
¢&cent;&#162;&#xA2;Cent sign
¤&curren;&#164;&#xA4;Currency sign
°&deg;&#176;&#xB0;Degree sign
±&plusmn;&#177;&#xB1;Plus-minus
×&times;&#215;&#xD7;Multiplication
÷&divide;&#247;&#xF7;Division
&ne;&#8800;&#x2260;Not equal
&le;&#8804;&#x2264;Less than or equal
&ge;&#8805;&#x2265;Greater than or equal
¼&frac14;&#188;&#xBC;One quarter
½&frac12;&#189;&#xBD;One half
¾&frac34;&#190;&#xBE;Three quarters
&radic;&#8730;&#x221A;Square root
&infin;&#8734;&#x221E;Infinity
§&sect;&#167;&#xA7;Section sign
&para;&#182;&#xB6;Paragraph
&bull;&#8226;&#x2022;Bullet
&hellip;&#8230;&#x2026;Horizontal ellipsis
&ndash;&#8211;&#x2013;En dash
&mdash;&#8212;&#x2014;Em dash
&lsquo;&#8216;&#x2018;Left single quote
&rsquo;&#8217;&#x2019;Right single quote
&ldquo;&#8220;&#x201C;Left double quote
&rdquo;&#8221;&#x201D;Right double quote
«&laquo;&#171;&#xAB;Left guillemet
»&raquo;&#187;&#xBB;Right guillemet
&larr;&#8592;&#x2190;Left arrow
&rarr;&#8594;&#x2192;Right arrow
&uarr;&#8593;&#x2191;Up arrow
&darr;&#8595;&#x2193;Down arrow
&harr;&#8596;&#x2194;Left-right arrow
&crarr;&#8629;&#x21B5;Carriage return
&spades;&#9824;&#x2660;Black spade
&clubs;&#9827;&#x2663;Black club
&hearts;&#9829;&#x2665;Black heart
&diams;&#9830;&#x2666;Black diamond
À&Agrave;&#192;&#xC0;A with grave
Á&Aacute;&#193;&#xC1;A with acute

Showing 50 of 58 entities

About HTML Entity Encoder

HTML entities are special codes used to represent characters that have special meaning in HTML or characters that cannot be typed on a keyboard. Conversion happens in real-time as you type.

Entity Formats:

  • Named: Uses readable names like &amp;, &lt;, &copy;
  • Decimal: Uses Unicode code points like &#38;, &#60;
  • Hex: Uses hexadecimal code points like &#x26;, &#x3C;

Selective Encoding Modes:

  • Special Only: Encodes only HTML-significant chars (& < > " ')
  • Non-ASCII: Also encodes characters with code points above 127
  • All Symbols: Encodes all non-alphanumeric characters
  • Custom: Specify exactly which additional characters to encode

Features:

  • Auto-detection of encode/decode mode from pasted content
  • Bulk processing for multiple strings (one per line)
  • Live HTML preview showing rendered output
  • Operation history saved to localStorage
  • Code snippets in HTML, JavaScript, PHP, and Python

Privacy First: All encoding/decoding happens locally in your browser. No data is sent to any server.

Preguntas Frecuentes

¿Qué es el HTML Entity Encoder?

El HTML Entity Encoder es una herramienta en línea gratuita que convierte caracteres especiales a sus equivalentes en entidades HTML y decodifica las entidades de nuevo a caracteres.

¿Es gratis el HTML Entity Encoder?

Sí, es completamente gratis y no requiere registro. Toda la codificación se realiza del lado del cliente, en tu navegador.

¿Por qué necesito las entidades HTML?

Las entidades HTML evitan que caracteres especiales como <, > y & se interpreten como código HTML, garantizando que se muestren correctamente en las páginas web.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El HTML Entity Encoder procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece siempre privado en tu dispositivo.

¿Funciona el HTML Entity Encoder en dispositivos móviles?

Sí, el HTML Entity Encoder es totalmente adaptable y funciona en smartphones y tabletas. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita ninguna cuenta ni registro. Solo abre el HTML Entity Encoder en tu navegador y empieza a usarlo de inmediato. No hay registros obligatorios ni restricciones de uso.

¿Cómo uso el HTML Entity Encoder?

Simplemente introduce tu contenido en el campo indicado, ajusta las opciones a tu gusto y la herramienta lo procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

¿Qué navegadores son compatibles?

El HTML Entity Encoder funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

¿Cuál es la diferencia entre entidades HTML con nombre, decimales y hexadecimales?

Las tres son formas distintas de escribir el mismo carácter, y los navegadores las renderizan de forma idéntica. Una entidad con nombre usa una palabra clave legible, como &amp; para el ampersand o &copy; para el símbolo de copyright. Una entidad decimal (numérica) usa el punto de código Unicode del carácter en base 10, así que el ampersand se convierte en &#38;. Una entidad hexadecimal usa ese mismo punto de código en base 16, escrito como &#x26;. Las entidades con nombre son las más fáciles de leer y mantener, pero solo un conjunto limitado de caracteres tiene una; las decimales y hexadecimales funcionan para cualquier carácter, lo que las hace más seguras para símbolos poco comunes. Este codificador te permite alternar entre los tres formatos con un solo clic, y cuando un carácter no tiene entidad con nombre, recurre automáticamente a un código numérico para que tu salida siga siendo válida.

¿Qué caracteres deben escaparse como entidades HTML?

Cinco caracteres tienen un significado especial en HTML y deben escaparse para que el navegador los trate como texto y no como marcado: el ampersand (&amp;), el signo menor que (&lt;), el signo mayor que (&gt;), la comilla doble (&quot;) y la comilla simple o apóstrofo (&#39;). El ampersand debe codificarse primero cuando se hace a mano, porque es el carácter con el que empieza toda entidad. Escapar estos caracteres es especialmente importante cuando insertas contenido dinámico o proporcionado por el usuario en una página: un < sin escapar puede abrir una etiqueta antes de tiempo, un & suelto puede romper un parámetro de una URL, y unas comillas sin escapar pueden salirse del valor de un atributo. El modo "Solo especiales" del codificador apunta exactamente a este conjunto, dejando el resto de tu texto intacto para que la salida siga siendo legible. Pega tu marcado y elige ese modo para escapar solo lo que HTML realmente exige.

¿Cómo decodifico entidades HTML de vuelta a texto normal?

Decodificar invierte los códigos de entidad hacia los caracteres que representan, convirtiendo &lt;div&gt; de nuevo en <div> o &amp;copy; de nuevo en el símbolo de copyright. Cambia la herramienta al modo Decodificar, o simplemente pega texto con entidades y detectará automáticamente la dirección cuando encuentre patrones como &nombre; o &#26;. El decodificador reconoce los tres formatos en una sola pasada: entidades con nombre como &mdash;, entidades decimales como &#8212;, y entidades hexadecimales como &#x2014;, incluso cuando aparecen mezcladas en el mismo bloque. Esto es útil para leer HTML en bruto extraído de una API, limpiar datos exportados de un CMS, o comprobar qué dice realmente una cadena codificada. Pega tu texto codificado y el resultado legible aparece al instante en el panel de al lado, listo para copiar.

¿Cuándo debería codificar caracteres no ASCII como letras acentuadas y símbolos de moneda?

Las páginas modernas declaradas en UTF-8 pueden mostrar directamente caracteres como la e con acento, el símbolo del euro o las rayas largas, así que escapar cada letra acentuada suele ser innecesario. Codificar caracteres no ASCII vale la pena cuando no puedes garantizar la codificación del destino, como en plantillas de email antiguas, sistemas que pueden eliminar o distorsionar el UTF-8, o archivos que deben mantenerse estrictamente seguros en ASCII para su transporte. Convertir esos caracteres en entidades hace que la salida sea portable sin importar cómo el sistema receptor gestione los bytes por encima del punto de código 127. El modo "No ASCII" de esta herramienta codifica los caracteres HTML obligatorios más todo lo que esté por encima de 127, mientras que "Todos los símbolos" va más allá y escapa cada carácter no alfanumérico. Para un control total, el modo "Personalizado" te permite indicar exactamente qué caracteres adicionales escapar. Elige el modo que se ajuste a tu entorno de destino y luego copia el resultado portable.

¿Por qué mi texto crece al codificarlo en entidades HTML?

Un solo carácter puede expandirse en varios caracteres al convertirse en una entidad. El signo menor que ocupa un byte pero se convierte en &lt;, que son cuatro caracteres, y un símbolo de copyright codificado como entidad decimal, &#169;, ocupa cinco. Cuantos más caracteres especiales o no ASCII contenga tu texto, más crece la salida codificada, así que el contenido muy simbólico o acentuado registra el mayor aumento, mientras que el texto alfanumérico plano apenas cambia. Esto es normal y esperado: codificar cambia algo de tamaño por una renderización garantizada, correcta y segura. Las entidades con nombre suelen ser más cortas que sus equivalentes numéricos, así que elegir el formato con nombre puede mantener la salida más compacta cuando existe un nombre disponible. El panel de estadísticas de aquí muestra el tamaño de entrada y salida en bytes y el porcentaje exacto de cambio, para que puedas ver el costo de cada formato y modo selectivo antes de copiar.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/html-entity-encoder" title="Free HTML Entity Encoder — The Toolbox" width="100%" height="260" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/code-tools/html-entity-encoder?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free HTML Entity Encoder</a> by The Toolbox</p>

Acerca del Codificador de Entidades HTML

El Codificador de Entidades HTML es una herramienta online gratuita que convierte caracteres especiales en sus equivalentes de entidades HTML y también decodifica entidades de vuelta a texto plano. Pega marcado o texto en el cuadro de entrada y el resultado aparece al instante en el panel de al lado. Está pensada para desarrolladores front-end, redactores técnicos, editores de email y CMS, y cualquiera que necesite asegurarse de que caracteres como <, >, & y " se muestren como texto literal en una página web en lugar de ser interpretados como código.

Todo se ejecuta localmente en tu navegador. Tu contenido nunca se sube a un servidor, así que se mantiene privado incluso cuando pegas marcado de producción, datos de clientes o una plantilla aún sin publicar. No hay que registrarse, no existe límite de caracteres y no hay nada que instalar. La herramienta incluso guarda un breve historial de operaciones en el almacenamiento local del navegador para que puedas recuperar conversiones recientes, y ese historial nunca sale de tu dispositivo.

Qué es una entidad HTML y por qué importa codificar

Una entidad HTML es un código que representa un carácter que el navegador trataría de forma especial. Los cinco caracteres que deben escaparse en HTML son el ampersand (&amp;), el signo menor que (&lt;), el signo mayor que (&gt;), la comilla doble (&quot;) y la comilla simple (&#39;). Sin codificación, un < suelto puede abrir una etiqueta antes de tiempo, un & sin escapar puede romper un parámetro de una URL, y una etiqueta <script> introducida por el usuario puede convertirse en una vulnerabilidad de cross-site scripting. Codificar convierte esos caracteres en texto inerte para que se muestren exactamente como se escribieron.

Las entidades también permiten mostrar símbolos difíciles de escribir o que varían según la fuente y la distribución del teclado: el símbolo de copyright, las rayas largas, las letras latinas acentuadas, símbolos de moneda como el euro y la libra, y signos matemáticos como el más-menos o el "distinto de". El codificador incluye una referencia con buscador de más de 50 caracteres comunes que cubre puntuación, símbolos, moneda, matemáticas, flechas y letras latinas acentuadas; puedes filtrar por categoría o buscar por carácter, nombre o punto de código, y luego copiar o insertar cualquier entidad directamente.

Formatos de codificación y modos selectivos

El codificador produce tres formatos de entidad intercambiables, y los navegadores los renderizan de forma idéntica:

  • Con nombre — nombres legibles como &amp;, &lt; y &copy;. Cuando un carácter no tiene entidad con nombre, la herramienta recurre automáticamente a un código numérico.
  • Decimal (numérico) — el punto de código Unicode en base 10, por ejemplo &#38; para el ampersand.
  • Hexadecimal — el mismo punto de código en base 16, por ejemplo &#x26;.

También puedes controlar qué caracteres se codifican. "Solo especiales" afecta únicamente al conjunto significativo para HTML; "No ASCII" codifica además cualquier carácter por encima del punto de código 127, útil para garantizar una salida segura en ASCII; "Todos los símbolos" codifica cada carácter no alfanumérico; y "Personalizado" te permite indicar exactamente qué caracteres adicionales quieres escapar. El decodificador funciona en sentido inverso, reconociendo en una sola pasada entidades con nombre, decimales y hexadecimales.

Cómo usarlo

Elige Codificar o Decodificar, o simplemente pega tu contenido, ya que la herramienta detecta automáticamente qué dirección necesitas cuando encuentra patrones de entidades en tu texto. Selecciona un formato y un modo selectivo, y el resultado se actualiza en tiempo real. Un panel de estadísticas muestra el tamaño de entrada y salida en bytes, el porcentaje de cambio de tamaño provocado por la codificación, y un desglose de cuántas entidades con nombre, decimales y hexadecimales se generaron. Desde ahí puedes copiar el resultado, descargarlo como archivo .txt o .html, intercambiar la entrada y la salida para invertir una conversión, o abrir la Vista previa en vivo para comparar el código codificado en bruto con cómo lo renderiza realmente un navegador.

Para trabajo repetitivo, el Modo masivo procesa una cadena por línea a la vez, puedes subir un archivo .txt o .html en lugar de pegar el texto, y la pestaña integrada de Fragmentos de código muestra la lógica equivalente de codificación y decodificación en HTML, JavaScript, PHP y Python para que puedas llevar la misma operación a tu propio proyecto.