Un souci avec cet outil ?
À propos de « Mise En Forme JavaScript En Ligne »
Cet outil reformate le code source JavaScript pour un style cohérent et une bonne lisibilité. Il ré-indente les blocs imbriqués, normalise les espaces autour des opérateurs, coupe les lignes longues à des endroits judicieux et standardise les guillemets et les points-virgules.
Utile pour lire des bundles minifiés extraits d'un site, normaliser du code provenant de collaborateurs aux réglages d'éditeur différents, ou préparer du JavaScript pour une revue de code.
Le formateur gère la syntaxe moderne : ES2024+, JSX, types TypeScript, async/await, chaînage optionnel, gabarits de chaînes. Valeurs par défaut inspirées de Prettier avec options de personnalisation.
Comment utiliser cet outil
Embellir du JavaScript minifié ou désordonné
Coller le JavaScript
Source minifié ou désordonné dans « JS ». L’outil comprend les modules ES, TypeScript sans JSX, async/await, optional chaining — la syntaxe moderne en général. Les fichiers avec wrapper `<script>` ne marchent pas ; collez seulement le code.
Exécuter
Résultat : champ unique `formatted` — points-virgules cohérents, indentation 2 espaces, une instruction par ligne. Les quotes de chaînes sont normalisées au style majoritaire de l’entrée ; les commentaires sont conservés tels quels.
Ce qu’il ne fait pas
Pas de lint, pas d’application de règles (no-unused-vars, etc.), pas de refactor au niveau AST. Pour faire respecter un style à l’échelle du codebase, utilisez Prettier ou eslint --fix dans votre build. Ici c’est un pretty-printer ponctuel, pas un exécuteur de style.
Sécurité du round-trip
Le JS formaté s’exécute à l’identique — la sémantique est préservée. Re-minifiez avant déploiement avec terser ou esbuild ; la version formatée est pour les humains, pas pour le réseau.