Fonction de cet outil
HTML Formatter utilise l'analyseur HTML de Prettier et les plug-ins associés pour créer des arbres de syntaxe au lieu de s'appuyer sur des expressions régulières pour envelopper les lignes à volonté. Les codes intégrés dans le script et le style sont également gérés par les plugins d'analyse correspondants.
- Le code est uniquement analysé sous forme de chaîne, non inséré dans le DOM, ni placé dans une iframe exécutable.
- Prend en charge les documents complets et les extraits HTML courants.
- Les erreurs d'analyse affichent des messages spécifiques et préservent les entrées.
Mode d’emploi
- Collez le document ou l'extrait HTML.
- Choisissez une indentation de 2 ou 4 espaces.
- Cliquez sur "Formater HTML".
- Copiez les résultats ou téléchargez formatted.html.
Utilisations courantes
- Organisez des modèles compressés.
- Unifiez l’indentation et l’habillage des attributs avant la révision du code.
- Recherchez les problèmes évidents de structure des étiquettes.
Fonctionnalités de HTML Formatter
Utilisez Prettier pour analyser et formater le HTML, en prenant en charge les documents complets et les extraits de code courants. Il convient aux scénarios quotidiens de développement, de débogage, de tri des données et d’optimisation du code. Les résultats du traitement peuvent être directement visualisés, copiés ou téléchargés.
FAQ
L'outil exécutera-t-il le script ?
Absolument pas. Le HTML est simplement transmis à l'analyseur de formatage sous forme de texte, et les résultats sont également affichés dans des zones de texte en lecture seule.
Pourquoi le style de sortie est-il différent du texte original ?
Prettier utilise des règles de formatage cohérentes et déterministes, en réemballant éventuellement les attributs ou en formatant certaines balises.
Une page contenant un style et un script peut-elle être formatée ?
Oui, la page charge des plugins d'analyse HTML, CSS et JavaScript à la demande pour gérer le contenu intégré courant.