Formateur et embellisseur de code
Collez ou ouvrez un fichier, cliquez sur Formater et obtenez un code propre. Le langage est détecté automatiquement — JavaScript, TypeScript, CSS, HTML, JSON, XML, SQL, YAML, Markdown et GraphQL, le tout dans votre navigateur.
Tout s'exécute dans votre navigateur : votre code n'est envoyé à aucun serveur.
La largeur de ligne s'applique à JavaScript, TypeScript, CSS, SCSS, LESS, HTML, YAML, Markdown et GraphQL. Le formatage ne vérifie ni la logique, ni les types, ni les règles de style.
Le langage est détecté dès que vous ajoutez du code.
Déposez un fichier de code ici (5 Mo maximum), collez du texte ou chargez un exemple. Ctrl+Entrée pour formater.
Formater et embellir du code dans votre navigateur
Du code copié depuis un bundle minifié, un journal, une conversation ou un vieux projet est pénible à lire et encore plus à relire. Ce formateur lui redonne en un clic une présentation soignée, avec une indentation cohérente. Collez le code, cliquez sur Formater (ou Ctrl+Entrée) : le résultat s'affiche à côté de l'original, avec les numéros de ligne des deux côtés pour comparer d'un coup d'œil.
L'outil gère les formats que les développeurs rencontrent le plus souvent : JavaScript avec JSX, TypeScript avec TSX, CSS, SCSS et LESS, HTML avec ses scripts et styles intégrés, JSON, XML, SQL pour treize dialectes, YAML, Markdown et GraphQL. Par défaut, le langage est détecté pour vous, d'après le nom du fichier si vous en ouvrez un, d'après le texte si vous collez. Quand le contenu peut correspondre à plusieurs langages, l'outil vous le dit et propose les candidats probables plutôt que de choisir en silence le mauvais analyseur.
Le style reste entre vos mains. Choisissez deux espaces, quatre espaces ou des tabulations, ainsi qu'une largeur de ligne de 80, 100 ou 120 caractères pour les langages traités par Prettier. Pour le SQL, vous sélectionnez le dialecte : PostgreSQL, MySQL, SQL Server, BigQuery, etc. Pour le JSON, un bouton Minifier supprime tous les espaces sans toucher aux nombres, aux chaînes ni à l'ordre des clés. Vos réglages sont mémorisés dans le navigateur, et le formatage automatique est disponible si vous préférez voir le résultat pendant la frappe.
En cas de problème, le message est court et précis : le langage, ce que l'analyseur attendait, la ligne et la colonne. Votre saisie n'est jamais écrasée, et un bouton place le curseur sur l'erreur. Le bouton Annuler récupère ce que vous avez effacé ou remplacé par erreur. Vous pouvez télécharger le résultat avec l'extension adaptée au langage, ou ouvrir les deux versions côte à côte dans le comparateur de texte pour voir exactement ce qui a changé.
Tout se passe sur votre appareil. Les moteurs de formatage, assez lourds, ne sont téléchargés que pour le langage que vous formatez réellement, et ils tournent dans un worker en arrière-plan : un gros fichier ne fige donc pas la page. Gardez les limites en tête : les fichiers jusqu'à 5 Mo peuvent être ouverts, au-delà de 300 000 caractères le traitement peut prendre quelques secondes, et au-delà de deux millions de caractères il est refusé. Un formateur n'est ni un linter ni un compilateur : il ne détecte pas les erreurs de logique, et quelques syntaxes très exotiques peuvent être rejetées.
Questions fréquentes
Mon code est-il envoyé quelque part ?
Non. Le code est formaté par des bibliothèques qui s'exécutent dans votre navigateur, dans un thread d'arrière-plan. Rien n'est transmis à un serveur. Seuls vos réglages et un brouillon facultatif sont conservés dans le stockage local de ce navigateur, et vous pouvez vider la zone à tout moment.
Le formatage change-t-il le comportement de mon code ?
Le formateur ne modifie que la présentation : indentation, retours à la ligne et espaces. Il peut aussi uniformiser les guillemets, ajouter ou retirer des parenthèses facultatives et harmoniser les points-virgules, mais le sens reste le même. Il ne vérifie ni la logique, ni les types, ni les règles de lint : un code correct reste correct, un code faux reste faux.
Comment le langage est-il détecté ?
Si vous ouvrez un fichier, c'est son extension qui décide. Sinon, l'outil analyse le texte lui-même : balises, accolades, mots-clés et ponctuation typique. Quand deux langages se ressemblent, par exemple CSS et SCSS ou JavaScript et TypeScript, il vous pose la question au lieu de deviner. Vous pouvez toujours choisir le langage à la main dans la liste « Langage ».
Que se passe-t-il si mon code contient une erreur de syntaxe ?
Le résultat reste vide, votre saisie est laissée intacte et un court message indique la ligne et la colonne. Cliquez sur « Afficher dans la saisie » pour aller à cet endroit, corrigez, puis relancez le formatage.
Peut-on minifier du code ici ?
Uniquement du JSON, où supprimer les espaces est toujours sans risque. Minifier correctement du JavaScript ou du CSS demande un minifieur dédié, car renommer des variables ou fusionner des règles peut changer le comportement ; cet outil ne s'y risque donc pas. Pour une vérification SQL plus poussée, utilisez le Formateur et validateur SQL.