Codificador URL y Convertidor de Entidades HTML

Codifica texto con encodeURIComponent o encodeURI para URL, convierte caracteres especiales HTML a entidades nombradas o numericas. Todo ocurre en tu navegador.

100% del lado del cliente. Tus datos nunca salen de tu navegador.

Convertidores y Ejemplos

Codificador URL y Codificador de Entidades HTML

Convierte texto a codificación porcentual para uso seguro en URL o transforma caracteres especiales HTML (<, >, &, etc.) a sus equivalentes de entidad. Ambas operaciones se ejecutan completamente en tu navegador usando funciones nativas de JavaScript.

Como Usarlo

  1. Selecciona el modo. Usa la pestaña URL para codificación URL, la pestaña Entidades HTML para escape de caracteres HTML
  2. Elige la dirección. Marca Codificar o Decodificar
  3. Para codificación URL, elige Componente (codifica todo para usar como valor de consulta) o URI Completa (conserva la estructura URL)
  4. Escribe o pega tu texto. La salida se actualiza instantaneamente
  5. Usa Intercambiar (Swap) para invertir la operación

Codificación Porcentual URL

Cada byte que no pertenezca al conjunto de caracteres no reservados (letras, digitos, -, _, ., ~) en una URL se reemplaza por % seguido de dos digitos hexadecimales en mayuscula. Esto se define en RFC 3986 y es como los navegadores transmiten parámetros de consulta, segmentos de ruta e identificadores de fragmento que contienen espacios, Unicode o delimitadores reservados.

Los dos modos reflejan las dos funciones nativas de JavaScript. encodeURIComponent es casi siempre lo que necesitas. Codifica un valor para que pueda colocarse de forma segura como parámetro de consulta o segmento de ruta. encodeURI codifica una cadena URL completa mientras conserva sus caracteres estructurales (: //, /, ?, #, &, =). Usar encodeURI en un valor de consulta rompe silenciosamente la URL si contiene & o =.

Codificación de Entidades HTML

HTML reserva cinco caracteres para su propia sintaxis: &, <, >, ” y ’. Si aparecen sin codificar en contenido de usuario renderizado en HTML, el navegador los interpreta como marcado. Esta es la base de los ataques XSS reflejados. La codificación de entidades reemplaza cada carácter con una referencia segura (&, <, >, ”, ’) que el navegador interpreta como el carácter literal.

Esta herramienta codifica estos cinco caracteres usando entidades nombradas cuando están disponibles, y entidades numericas en caso contrario.

Comparación de Métodos de Codificación

TipoEntradaSalidaCaso de uso
URL Componentea & ba%20%26%20bValor de parámetro de consulta
URL Completahttps://example.com/a & bhttps://example.com/a%20&%20bCorregir URL existente
HTML Nombrada<script>&lt;script&gt;Contenido HTML seguro
HTML Numérica<script>&#60;script&#62;Compatibilidad universal HTML

Casos de uso en el mundo real