Formateur HTML

Nettoyez le HTML désordonné avec une indentation et une structure cohérentes. Copiez ou téléchargez le résultat.

Entrée
Sortie
0 caractères 0 lignes

Formateur HTML

Cet outil embellit le code HTML en ajoutant une indentation correcte, des retours à la ligne et un formatage cohérent. Collez du HTML minifié ou mal formaté pour obtenir une sortie propre et lisible instantanément.

L'opération s'exécute localement dans votre navigateur. Vos données ne sont jamais téléchargées ni stockées sur un serveur.

Comment utiliser

  1. Collez votre code HTML dans l'éditeur d'entrée.
  2. Cliquez sur Embellir HTML pour nettoyer le code.
  3. Le HTML embell apparaît dans l'éditeur de sortie avec une indentation correcte.
  4. Utilisez Copier pour le presse-papiers, Télécharger pour un fichier, ou Effacer pour réinitialiser.

Qu'est-ce que l'embellissement HTML ?

L'embellissement HTML ajoute de l'indentation et des retours à la ligne au code HTML, le rendant lisible par l'homme. Le HTML minifié a tous les espaces supprimés pour réduire la taille du fichier, mais est difficile à lire et à déboguer.

L'embellissement HTML est essentiel pour le débogage de pages web, l'examen de modèles et la collaboration avec d'autres développeurs.

Notes d'entrée

L'outil accepte toute entrée HTML. L'embellisseur préserve toutes les balises et attributs — il ne modifie que les espaces et l'indentation pour la lisibilité.

Exemple

Le HTML minifié devient lisible après embellissement :

--- 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.