¿Debo usar entidades con nombre o numéricas?

Las entidades con nombre (©, é) son autodocumentantes y más fáciles de revisar en el código fuente, por lo que las prefiero para HTML mantenido a mano. Las referencias numéricas (©) funcionan en todas partes, incluidos XML, RSS y SVG, donde el conjunto de nombres HTML no está definido, por lo que prefiere numérico cuando su salida alimenta algo más estricto que un navegador. Si sus páginas se sirven como UTF-8 (deberían serlo), también puede usar los caracteres literales y solo escapar de los cinco especiales.

¿Por qué rompe mi feed xml o rss?

XML predefine solo cinco entidades: < > " y '. Todos los demás nombres HTML - , ©, — - no están definidos en XML, por lo que un analizador conforme lanza un error de "entidad indefinida" en el momento en que golpea uno. Encode con el modo numérico en su lugar: es el mismo espacio no de ruptura y es válido tanto en HTML como en XML.

¿Cuál es la diferencia entre é y é

Nada excepto la base numérica: ambas son referencias de caracteres para é (u+00e9). é usa decimal, é utiliza hexadecimal (el prefijo x, insensible a mayúsculas y minúsculas). El formulario hexadecimal se asigna directamente a la notación de punto de código Unicode, por lo que las herramientas a menudo la emiten; los navegadores tratan a los dos de manera idéntica. El decodificador aquí acepta ambos.

¿Por qué veo < en lugar de < en mi salida?

Eso es codificación doble: la cadena se escapó dos veces, por lo que la & de < se volvió a escapar a &. Por lo general, sucede cuando tanto su motor de plantilla como su propio código escapan del mismo valor, o cuando el contenido ya codificado se guarda en una base de datos y se escapa nuevamente en Render. Decodifique dos veces con el botón de intercambio para recuperar el original, luego asegúrese de que la fuga se produce exactamente una vez, en el momento de la salida, no en el tiempo de almacenamiento.

¿Por qué esta herramienta no utiliza document.createElement para decodificar?

El truco común de TextArea/InnerHTML solo funciona en un navegador, se comporta de manera inconsistente en los motores y, si usasnerHTML en un div en lugar de un textarea, puede ejecutar el marcado, convirtiendo su decodificador en un vector xss. Esta implementación es una transformación de cadena pura con una tabla de entidades explícita, por lo que se ejecuta en Node, Tauri y Web Workers, y nunca puede ejecutar nada.

¿Es seguro usar ' para comillas simples?

En su mayoría, con una advertencia: ' está predefinido en XML y HTML5, pero nunca fue parte de HTML 4.01, por lo que los antiguos renderers y algunos clientes de correo electrónico estrictos no lo reconocen. La forma numérica se entiende en todas partes, por eso esta herramienta emite ' al codificar comillas simples mientras aceptas ' al decodificar.

¿Necesito codificar caracteres acentuados como é o ü?

No si su documento se sirve como UTF-8 con la declaración de juego de caracteres correcta: el é literal en la fuente es perfectamente válido y más legible. Acentos de codificación de entidad cuando no puede controlar la codificación de transporte: sistemas heredados que desglosan bytes, plantillas de correo electrónico que pasan por puertas de enlace desconocidas o copia destinada a un CMS que vuelve a codificar en guardar. En caso de duda, el modo con nombre los mantiene a salvo sin dañar mucho la legibilidad.

¿Cómo se manejan los emoji?

Emoji vive fuera del plano multilingüe básico y JavaScript los almacena como pares sustitutos. Los codificadores ingenuos por unidad de código emiten dos referencias rotas como &#55357;&#56832;. Esta herramienta itera por punto de código, por lo que 😀 codifica como la única referencia válida 😀 y decodificando una referencia anterior a U+FFFF reconstruye correctamente el par a través de string.fromcodepoint.

¿Qué hace y cuándo debo usarlo?

Es un espacio que no se rompe (U+00A0): se presenta como un espacio normal pero el navegador no envolverá la línea y los consecutivos no se colapsan. Úselo para mantener los pares juntos: 10 kg, Fig. 3, un nombre y su inicial. No utilice ejecuciones de ellos para el espaciado de diseño; para eso están los margenes y el relleno de CSS, y los lectores de pantalla anuncian los caracteres adicionales.

¿Cómo decodificar las entidades HTML en JavaScript o Python?

En Python, la biblioteca estándar lo cubre: html.unescape(s) resuelve las referencias con nombre, decimal y hexadecimal. En Node, use una biblioteca como él (he.decode(s)) o entidades. En el navegador, evite el truco de HTML interno en un div; puede ejecutar el marcado; si debe usar el DOM, analizar un valor de área de texto o usar domparser en su lugar.

¿Las entidades de codificación también protegen contra la inyección de SQL?

prohibido La codificación de entidad HTML es una salida que se escapa para un contexto específico: documentos HTML. La inyección de SQL se evita con consultas parametrizadas, inyección de URL con codificación de porcentaje e inyección de shell con el paso de argumentos adecuado. Codificar la entrada de usuarios en las entidades antes de almacenarla en una base de datos es en realidad un antipatrón: almacenar texto sin procesar y escapar en el momento del renderizado para cualquier contexto en el que esté renderizando.

Codificador de entidad HTML

Q: ¿Por qué veo &lt; en lugar de < en mi salida?

Eso es codificación doble: la cadena se escapó dos veces, por lo que la & de < se volvió a escapar a &. Por lo general, sucede cuando tanto su motor de plantilla como su propio código escapan del mismo valor, o cuando el contenido ya codificado se guarda en una base de datos y se escapa nuevamente en Render. Decodifique dos veces con el botón de intercambio para recuperar el original, luego asegúrese de que la fuga se produce exactamente una vez, en el momento de la salida, no en el tiempo de almacenamiento.

Q: ¿Por qué esta herramienta no utiliza document.createElement para decodificar?

El truco común de TextArea/InnerHTML solo funciona en un navegador, se comporta de manera inconsistente en los motores y, si usasnerHTML en un div en lugar de un textarea, puede ejecutar el marcado, convirtiendo su decodificador en un vector xss. Esta implementación es una transformación de cadena pura con una tabla de entidades explícita, por lo que se ejecuta en Node, Tauri y Web Workers, y nunca puede ejecutar nada.

Q: ¿Es seguro usar ' para comillas simples?

En su mayoría, con una advertencia: ' está predefinido en XML y HTML5, pero nunca fue parte de HTML 4.01, por lo que los antiguos renderers y algunos clientes de correo electrónico estrictos no lo reconocen. La forma numérica se entiende en todas partes, por eso esta herramienta emite ' al codificar comillas simples mientras aceptas ' al decodificar.

Q: ¿Necesito codificar caracteres acentuados como é o ü?

No si su documento se sirve como UTF-8 con la declaración de juego de caracteres correcta: el é literal en la fuente es perfectamente válido y más legible. Acentos de codificación de entidad cuando no puede controlar la codificación de transporte: sistemas heredados que desglosan bytes, plantillas de correo electrónico que pasan por puertas de enlace desconocidas o copia destinada a un CMS que vuelve a codificar en guardar. En caso de duda, el modo con nombre los mantiene a salvo sin dañar mucho la legibilidad.

Q: ¿Cómo se manejan los emoji?

Emoji vive fuera del plano multilingüe básico y JavaScript los almacena como pares sustitutos. Los codificadores ingenuos por unidad de código emiten dos referencias rotas como &#55357;&#56832;. Esta herramienta itera por punto de código, por lo que 😀 codifica como la única referencia válida 😀 y decodificando una referencia anterior a U+FFFF reconstruye correctamente el par a través de string.fromcodepoint.

Q: ¿Qué hace y cuándo debo usarlo?

Es un espacio que no se rompe (U+00A0): se presenta como un espacio normal pero el navegador no envolverá la línea y los consecutivos no se colapsan. Úselo para mantener los pares juntos: 10 kg, Fig. 3, un nombre y su inicial. No utilice ejecuciones de ellos para el espaciado de diseño; para eso están los margenes y el relleno de CSS, y los lectores de pantalla anuncian los caracteres adicionales.

Encode y decodifican entidades HTML: formularios con nombre (&), decimal (&) y hexadecimal (&) con el escape de caracteres especiales XSS-Safe

Mode:

Input0 characters

Output

0 characters

Output will appear here...

Category:encoding

Mode:Offline

Version:1.0.0

Access:Free

¿Qué es el codificador/decodificador de entidad HTML?

HTML Entity Encoder/Decoder interface on Toolz.dev - Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping

Encoder/Decoder de entidad HTML convierte caracteres que tienen un significado especial en HTML en referencias de entidades seguras y convierte a las entidades de cualquier fuente en texto legible. En HTML, < inicia una etiqueta e inicia una entidad, por lo que si el contenido generado por el usuario que contiene <script> aterriza en su marcado sin escapar, el navegador lo ejecuta. Escapar esos caracteres como <script> es la defensa canónica contra XSS reflejado y almacenado, y esta herramienta realiza exactamente esa transformación utilizando el conjunto mínimo recomendado de OWASP: & < > " y la comillas simples.

La herramienta admite tres estrategias de codificación porque los diferentes contextos necesitan diferentes resultados. El modo con nombre utiliza un mapa integrado de más de 100 entidades memorables - © para ©, é para é, — para - , … para … - con un respaldo numérico automático (&#nnnn;) para cualquier carácter sin nombre común, incluido emoji. El modo numérico codifica todo como referencias de caracteres decimales, que es lo que desea para las fuentes XML o RSS donde solo se definen cinco entidades con nombre (< > " ') y ''s romper el analizador. El modo de solo especial escapa solo de los cinco caracteres críticos XSS, dejando el texto acentuado y la tipografía legible en su fuente, el modo que la mayoría de los motores de plantilla usan de forma predeterminada.

El decodificador es igualmente completo: maneja entidades con nombre, referencias decimales como é y referencias hexadecimales como é - Los tres formularios que encontrará mezclados en páginas scraped, exportaciones de CMS y html de correo electrónico. Todo se implementa en Pure TypeScript sin trucos de DOM (sin truco de área de texto oculto, sin documento. CreateElement), lo que significa que los resultados son deterministas y la misma lógica se ejecuta de forma idéntica en su navegador, la aplicación de escritorio y en el servidor. Su contenido nunca deja su máquina: procesamiento 100% del lado del cliente, seguro para copias de propiedad y datos de usuario.

¿Cómo usar el codificador/decodificador de entidad HTML?

Pega tu texto o HTML

Ingrese el texto sin procesar que necesita para hacer HTML-Safe (Input de usuario, Copia de marketing con © y ™, fragmentos de código destinados a un bloque <pre>) o pegar en una entidad html como <div class="carta"> que desea leer como texto sin formato.

Elija un modo de codificación

Nombrado para la salida legible por humanos (©, é), numérico para referencias decimales XML/RSS-Safe (©, é), o especial solo para escapar de solo & < > " ' - el mínimo requerido para evitar XSS mientras mantiene el resto del texto legible.

codificar o decodificar

Haga clic en Codificar para convertir caracteres en entidades, o Decodificar para resolver las referencias con nombre, decimal ({) y hexadecimal () a caracteres. El recuento de caracteres en vivo muestra cuánto aumentó la cadena de la entidad.

Copiar o intercambiar

Copie el resultado en su portapapeles o presione SWAP para retroalimentar la salida como entrada - Útil para separar cadenas de doble codificación como &lt; que pasó por dos capas de escape.

Características clave

Más de 100 entidades con nombre

Mapa incorporado que cubre caracteres XSS, tipografía (— … comillas inteligentes), moneda (€ £), símbolos matemáticos, letras griegas y el alfabeto acentuado en latín completo.

Tres modos de codificación

Nombrado para la legibilidad, numérico para compatibilidad con XML/RSS, especial solo para escapar de un mínimo seguro de XSS: selección por contexto en lugar de un tamaño único

Decodifica los tres formularios de entidades

Las referencias con nombre (&), decimal (&) y hexadecimal (&) se reconocen, incluso cuando se mezclan en el mismo documento

Mecanografiado puro, sin DOM

Sin hacks de navegador de elementos ocultos: lógica determinista que se comporta de manera idéntica en entornos web, de escritorio y de servidor

Frequently Asked Questions

Como mínimo: & < > " y la comillas simples: ese es el conjunto recomendado por OWASP para los contextos de cuerpo y atributos HTML, y exactamente lo que codifica el modo de solo especial. El ampersand debe escaparse primero (o manejarse atómicamente, como lo hace esta herramienta) o corromperá a las entidades ya codificadas. Tenga en cuenta que la codificación de entidades protege solo los contextos HTML; la inyectar datos de usuario en bloques <script>, URL o CSS requiere una escapada específica de contexto.

Related Tools

CCE

encoding

Caesar Cipher Encoder & Decoder

Encode and decode Caesar cipher text with any shift, plus ROT13 and ROT47. Brute-force all 25 shifts to crack an unknown key.

encoding

Unicode Converter

Convert text to and from Unicode code points, HTML entities, JavaScript escapes, and CSS escapes. Emoji and astral characters handled correctly.

encoding

URL Encoder/Decoder

Encode and decode URLs, query strings, and form data with encodeURIComponent, encodeURI, or form-urlencoded modes

HM&

minify

HTML Minifier & Beautifier

Minify HTML markup for faster page loads or beautify it for readable, indented source

Comments

0 comments

No comments yet. Be the first to share your thoughts!

html entitieshtml encoderhtml decoderhtml escapehtml unescapenamed entitiesnumeric character referencexss escapingspecial charactersampersand encoding

Command Palette

Codificador de entidad HTML

¿Qué es el codificador/decodificador de entidad HTML?

¿Cómo usar el codificador/decodificador de entidad HTML?

Pega tu texto o HTML

Elija un modo de codificación

codificar o decodificar

Copiar o intercambiar

Características clave

Más de 100 entidades con nombre

Tres modos de codificación

Decodifica los tres formularios de entidades

Mecanografiado puro, sin DOM

Frequently Asked Questions

Related Tools

Caesar Cipher Encoder & Decoder

Unicode Converter

URL Encoder/Decoder

HTML Minifier & Beautifier

Comments