Formateador HTML

Limpie HTML desordenado con indentación y estructura consistentes. Copie o descargue el resultado.

Entrada
Salida
0 caracteres 0 líneas

Formateador HTML

Esta herramienta embellece el código HTML agregando indentación correcta, saltos de línea y formato consistente. Pegue HTML minificado o mal formateado y obtenga una salida limpia y legible al instante.

La operación se ejecuta localmente en su navegador. Sus datos nunca se cargan ni almacenan en un servidor.

Cómo usar

  1. Pegue su código HTML en el editor de entrada.
  2. Haga clic en Embellecer HTML para limpiar el código.
  3. El HTML embellecido aparece en el editor de salida con indentación correcta.
  4. Use Copiar para el portapapeles, Descargar para un archivo, o Limpiar para reiniciar.

¿Qué es el embellecimiento HTML?

El embellecimiento HTML agrega indentación y saltos de línea al código HTML, haciéndolo legible. El HTML minificado tiene todos los espacios eliminados para reducir el tamaño del archivo, pero es difícil de leer y depurar.

El embellecimiento HTML es esencial para depurar páginas web, revisar plantillas y colaborar con otros desarrolladores.

Notas de entrada

La herramienta acepta cualquier entrada HTML. El embellecedor preserva todas las etiquetas y atributos — solo cambia espacios e indentación para la legibilidad.

Ejemplo

El HTML minificado se vuelve legible después del embellecimiento:

--- Entrada minificada ---
<html><head><title>Test</title></head><body><p>Hello</p></body></html>

--- Salida embellecida ---
<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <p>Hello</p>
  </body>
</html>

Integración MCP

MCP (Model Context Protocol) permite que agentes de IA y aplicaciones descubran y ejecuten utilidades de Coding.Tools para flujos repetibles de conversión, formato, hash y generación.

Nombre de herramienta MCP: html-beautifier

Endpoint MCP: https://coding.tools/mcp

Llame primero a tools/list. Cada herramienta incluye inputSchema, outputSchema y examples para que un agente de IA o cliente pueda construir argumentos válidos sin adivinar.

Para tools/call, lea result.content[0].text para el valor visible y result.structuredContent para el análisis automático. Los fallos de herramienta devuelven isError: true; los fallos de protocolo devuelven un JSON-RPC error.

Ejemplo de solicitud tools/call:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"html-beautifier","arguments":{"input":"<section><h1>Docs</h1><p>MCP ready</p></section>"}}}'

La mayoría de las herramientas de texto y datos aceptan una cadena input y options opcionales. Las herramientas de imagen que dependen de las API de imagen del navegador se listan para descubrimiento y devuelven un enlace a la interfaz web cuando necesitan capacidades del navegador.