Formatteur HTML et CSS

Objectif et intention des utilisateurs : cet outil résout le problème d’uniformité du formatage HTML et CSS dans les bases de code. Les utilisateurs cibles sont les développeurs front-end, les ingénieurs UI et les équipes qui maintiennent des modèles, composants et vastes ensembles de balisages. Il est utilisé lorsque du code propre et standardisé est requis avant les revues de code ou le déploiement.
Logique centrale et fonctionnalités : le formatter est une moteur sensible à la syntaxe qui analyse le HTML et le CSS, reconstruit la structure du document et applique des règles de style configurables. Les fonctionnalités requises incluent l’indentation, l’alignement des balises et le formatage cohérent des attributs HTML, ainsi que le formatage standardisé des propriétés CSS. Les fonctionnalités optionnelles/avancées incluent une taille d’indentation personnalisable, des limites de saut de ligne, des stratégies de tri des attributs et la préservation des retours de ligne et des commentaires lorsque cela est possible.
Entrées & Sorties : L’entrée est une chaîne de code contenant HTML et/ou CSS et des paramètres optionnels tels que l’indentation et les préférences de wrap. La sortie est une chaîne de code formatée avec une indentation, des espacements et un style cohérents. La validation garantit qu’aucune sémantique n’est perdue ; les commentaires sont préservés lorsque c’est faisable.
Algorithmes : HTML est analysé en arbre de nœuds ; CSS en ensemble de règles ; les deux sont imprimés selon la configuration de style choisie. L’outil respecte le CSS intégré dans les balises style et les styles inline et peut être étendu aux préprocesseurs via des adaptateurs.
Erreurs & cas limites : Le balisage fautif est partiellement restauré avec des retours sûrs ; les balises non fermées ou le CSS invalide génèrent des avertissements dans les journaux et l’entrée d’origine peut être renvoyée si la sécurité est incertaine. Localization : Prend en charge les fins de ligne CRLF ou LF et les conventions d’indentation basées sur la locale ; conforme aux standards Web (HTML5, CSS3). Hypothèses et exclusions : suppose que l’entrée est centrée sur le code et ne valide pas la sémantique au-delà de la syntaxe. Ce n’est pas un linter de code, ni un minificateur, ni un outil de conception UI.