Formateur de code
Collez du code brouillon ou minifié et récupérez-le proprement indenté – ou réduisez-le pour la production. Quinze langages, formatés par Prettier dans votre navigateur.
- Prettier intégré
- Minifie aussi
- 15 langages
- Le code reste local
Options
Les lignes plus longues sont coupées.
Comment formater du code
Collez, lisez, copiez.
- 1
Collez votre code ou déposez un fichier
Le langage est détecté automatiquement ; vous pouvez aussi le choisir dans la liste.
- 2
Ajustez le style
Indentation, largeur de ligne, guillemets, points-virgules et virgules finales – ou dialecte SQL et casse des mots-clés.
- 3
Copiez ou téléchargez
Récupérez le résultat formaté, ou appuyez sur Minifier pour la version compacte.
Un seul formateur pour toute la pile
Le moteur que beaucoup d’équipes utilisent dans leur éditeur.
La qualité Prettier
JavaScript, TypeScript, CSS, HTML, Markdown, YAML et GraphQL sont formatés par Prettier, le formateur de référence.
Du SQL pour votre base
SQL standard, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, BigQuery, Snowflake et d’autres, avec la casse des mots-clés de votre choix.
Minifier pour la production
Terser compresse le JavaScript ; CSS, HTML, JSON, XML et SQL sont débarrassés des commentaires et des espaces superflus.
Détecte le langage
Collez n’importe quoi – l’outil reconnaît JSON, HTML, XML, CSS, SQL, TypeScript, JSX, YAML et d’autres, ou lit l’extension du fichier.
Des messages d’erreur clairs
Un code invalide n’est pas abîmé : vous obtenez la ligne de l’erreur de syntaxe, et un clic la sélectionne.
Hors du fil principal
Le formatage s’exécute dans un worker d’arrière-plan : même les gros fichiers ne figent pas la page.
Confidentiel par conception
Tout fonctionne dans votre navigateur. Ce que vous saisissez ou ouvrez n’est pas envoyé à un serveur.
Gratuit, sans inscription
Pas de compte, pas de limite, pas de filigrane – sur téléphone, tablette ou ordinateur.
Formater, minifier : pourquoi les deux comptent
Formater (embellir) consiste à réécrire le code avec une indentation, des espacements et des retours à la ligne cohérents, sans changer ce qu’il fait. Cela rend lisible un code minifié ou généré, révèle la vraie structure de données très imbriquées et met fin aux débats de style en revue de code : quand un outil décide de la place des accolades, les diffs ne montrent plus que les vrais changements.
Minifier est l’étape inverse, pour la livraison : commentaires, espaces et – en JavaScript – noms de variables longs sont supprimés afin d’envoyer moins d’octets au navigateur. Un script typique perd 30 à 60 % avant compression. Gardez la source lisible dans le gestionnaire de versions et minifiez lors du build ; un code minifié n’est pas fait pour être modifié.
Cet outil formate avec Prettier, un formateur aux choix assumés qui analyse le code en arbre syntaxique puis le réécrit entièrement. C’est pourquoi il lui faut un code valide : une accolade manquante est signalée avec son numéro de ligne au lieu d’être devinée. Les quelques options – largeur de ligne, indentation, guillemets, points-virgules, virgules finales – correspondent à celles d’un fichier .prettierrc : le résultat ressemble à celui de votre projet.
Langages pris en charge
| Langage | Formater | Minifier |
|---|---|---|
| JavaScript, JSX | Oui | JavaScript : oui (Terser) |
| TypeScript, TSX | Oui | Non – compilez d’abord en JavaScript |
| JSON | Oui | Oui |
| CSS, SCSS, Less | Oui | CSS : oui |
| HTML, Vue, XML, SVG | Oui | HTML et XML : oui |
| SQL, Markdown, YAML, GraphQL | Oui | SQL : oui |
Conseils
- Pour du JSON avec vue en arbre, validation et réparation, utilisez le Formateur JSON dédié.
- Vérifiez une expression régulière de votre code dans le Testeur de regex.
- Intégrez une petite ressource dans du CSS ou du HTML sous forme d’URI de données avec l’encodeur Base64.
- Appuyez sur Ctrl + Entrée pour formater. La touche Tab insère une indentation dans le champ de saisie au lieu de le quitter.
Questions fréquentes
Vous ne trouvez pas votre réponse ? Contactez-nous — nous répondons rapidement.
Mon code est-il envoyé à un serveur ?
Non. Prettier, Terser et le formateur SQL sont téléchargés dans votre navigateur et s’y exécutent. Votre code ne quitte pas votre appareil : l’outil convient donc aussi au code propriétaire.
Pourquoi le formatage échoue-t-il avec une erreur de syntaxe ?
Le formateur doit d’abord analyser le code. S’il manque une accolade, un guillemet ou une balise, il ne peut pas savoir ce que vous vouliez : il indique la ligne au lieu de produire un résultat faux. Corrigez cet endroit et relancez.
Le formatage change-t-il le comportement de mon code ?
Non. Seuls les espaces, les retours à la ligne, les guillemets et la ponctuation facultative comme les points-virgules ou les virgules finales changent. Le programme se comporte de la même façon.
Le JavaScript minifié est-il sûr à utiliser ?
Oui. Terser supprime espaces et commentaires et raccourcit les noms de variables locales sans changer le comportement. Désactivez « Raccourcir les noms de variables » si d’autres scripts dépendent de noms dans la portée globale.
Quels dialectes SQL sont pris en charge ?
SQL standard, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark, DB2, Hive et Trino/Presto.
Quelle taille maximale pour l’entrée ?
Les fichiers jusqu’à 5 Mo peuvent être ouverts. Le formatage pendant la saisie s’interrompt au-delà de 200 000 caractères – appuyez alors sur Formater. La vitesse dépend de votre appareil, puisque tout le travail s’y fait.
Plus d’outils gratuits pour développeurs
Encoder, formater, tester, convertir et générer – de petits outils qui fonctionnent dans votre navigateur et laissent vos données sur votre appareil.