Formateur HTML

Formatez du HTML compact ou désordonné en un balisage lisible et indenté.

Entrée
Sortie
0 caractères 0 lignes

Rendre HTML plus facile à inspecter et à modifier

Formateur HTML étend le HTML compact en une structure lisible avec des sauts de ligne et une indentation autour des éléments imbriqués. Il est utile pour inspecter les extraits de code, les modèles, le balisage généré, les e-mails et les fragments de page copiés.

Les analyseurs HTML récupèrent de nombreux documents mal formés, de sorte que la sortie embellie peut paraître plus propre que la source tout en reflétant les règles d'analyse du navigateur. Le formatage doit préserver les balises et les attributs, mais le texte en ligne sensible aux espaces doit être revu.

Comment utiliser

  1. Collez votre code HTML dans l'éditeur de saisie.
  2. Cliquez sur Embellir HTML pour redistribuer et mettre en retrait le balisage.
  3. Examinez le résultat pour l'imbrication, les commentaires, le texte en ligne et les attributs attendus.
  4. Utilisez Copier pour le presse-papiers, Télécharger pour un fichier ou Effacer pour réinitialiser.

Qu'est-ce que l'embellisseur HTML ?

Formateur HTML est un utilitaire basé sur un navigateur permettant de transformer un balisage dense en un document que vous pouvez numériser et modifier. It helps reveal parent-child relationships, misplaced closing tags, and large blocks of generated HTML.

HTML whitespace may affect inline layout, text nodes, and preformatted content. Après avoir embelli les modèles ou le balisage de production, vérifiez que le résultat rendu correspond toujours à votre intention.

Notes d'entrée

Collez des fragments HTML ou des documents complets. Soyez prudent avec <pre>, les éléments en ligne, la syntaxe des modèles et les commentaires sur lesquels votre système de build peut s'appuyer.

Exemple

Un document compact devient plus facile à suivre lorsque chaque élément imbriqué est placé sur sa propre ligne :

--- Entrée minifiée ---
<html><head><title>Test</title></head><body><p>Hello</p></body></html>

--- Sortie embellie ---
<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <p>Hello</p>
  </body>
</html>

Intégration MCP

MCP (Model Context Protocol) permet aux agents IA et aux applications de découvrir et d'exécuter les utilitaires Coding.Tools pour des workflows répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: html-beautifier

Point de terminaison MCP: https://coding.tools/mcp

Appelez d'abord tools/list. Chaque outil inclut inputSchema, outputSchema et examples afin qu'un agent IA ou un client puisse construire des arguments valides sans deviner.

Pour tools/call, lisez result.content[0].text pour la valeur affichable et result.structuredContent pour l'analyse par programme. Les échecs d'outil renvoient isError: true ; les échecs de protocole renvoient une JSON-RPC error.

Exemple de requête 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 plupart des outils de texte et de données acceptent une chaîne input et des options facultatives. Les outils d'image qui dépendent des API d'image du navigateur sont listés pour la découverte et renvoient un lien vers l'interface Web si nécessaire.