Formateador HTML/XML

Formatea o minifica HTML y XML, encuentra nodos con un selector CSS o XPath y convierte entidades HTML, directamente en tu navegador.

Acerca de Formateador HTML/XML

Qué es

El Formateador HTML/XML hace que el marcado sea legible o compacto y lo revisa a la vez: una etiqueta sin cerrar o mal emparejada se indica con su línea y columna. Un selector CSS o una expresión XPath reducen el resultado a los nodos que necesitas. Una segunda pestaña escapa y desescapa entidades HTML.

Funciones principales

  • Formato con 2 o 4 espacios o un tabulador, o minificado.
  • HTML y XML, con errores que indican línea y columna; JSX/TSX como modo experimental.
  • Ajuste de atributos: automático, uno por línea o en línea.
  • Un selector CSS o XPath que muestra solo los nodos que coinciden.
  • Entidades HTML: escapar y desescapar, solo los caracteres HTML o todo lo que no sea ASCII.

Cómo usarlo

  1. Pega el marcado en el editor, suelta un archivo sobre él o pulsa «Ejemplo».
  2. Elige el tipo de documento y la acción: formatear o minificar, con la sangría que quieras.
  3. Si hace falta, escribe un «Selector CSS» o un «XPath» para quedarte solo con una parte del resultado.
  4. Para las entidades, abre «Entidades HTML»; después copia el resultado o envíalo a otra herramienta.

Cuándo es útil

  • Leer una página minificada o una plantilla de correo.
  • Encontrar una etiqueta rota en un feed XML grande o un sitemap.
  • Sacar con un selector todos los enlaces o precios de una página.

Privacidad y limitaciones

Tus datos

Tu marcado se procesa en el navegador y no se envía a ningún servidor; los enlaces y scripts que contiene no se cargan ni se ejecutan. El sitio solo recibe un evento anónimo de «herramienta abierta», sin el contenido. Un resultado que envías a otra herramienta se queda 24 horas en este dispositivo, en «Actividad reciente». Un enlace de «Compartir» lleva el marcado dentro del propio enlace, así que compártelo solo con personas de confianza.

Limitaciones

  • El modo JSX/TSX es experimental: las expresiones de JavaScript y los componentes aún no se entienden del todo.
  • XML solo conoce sus cinco entidades predefinidas; las demás, como  , hay que escribirlas como referencia numérica.

Preguntas frecuentes

¿Elijo HTML o XML?

HTML es tolerante: algunas etiquetas pueden quedar abiertas, como permiten los navegadores. XML es estricto: cada etiqueta se cierra, los atributos llevan comillas y hay una sola raíz. Elige lo que tu archivo es en realidad.

¿Para qué sirven el selector CSS y XPath?

Dejan solo los nodos que te interesan —por ejemplo a.product-link o //item/price— para leer o copiar solo esa parte de un documento grande.

¿Qué hace la opción para todo lo que no es ASCII?

Además de <, >, & y las comillas, convierte en entidad cada carácter fuera de ASCII —letras con tilde, cirílico, emoji— para sistemas que solo aceptan ASCII puro.