Formateur de Code Gratuit : Embellir JavaScript, Python, HTML et Plus

Qu’est-ce qu’un formateur de code ?

Un formateur de code est un outil qui réécrit le code source avec une indentation, des sauts de ligne et des espacements cohérents, sans modifier le comportement du code. Ce formateur de code s’exécute dans un navigateur web. Il prend en charge 12 langages de programmation, notamment JavaScript, Python, HTML et CSS.

Fonctionnement de ce formateur de code

L’outil utilise un ensemble de règles différent pour chaque langage. Aucun de ces ensembles ne construit un arbre syntaxique complet du code, à l’exception de JSON.

JSON est analysé avec l’analyseur JSON intégré au navigateur, puis réaffiché avec une indentation de deux espaces. Si le JSON n’est pas valide, l’outil signale une erreur et n’affiche aucun résultat.
JavaScript, TypeScript, Java, C, C++ et C# partagent un même formateur. Celui-ci parcourt le code caractère par caractère en suivant les accolades, les parenthèses et les points-virgules. Chaque { commence un nouveau bloc indenté, et chaque } ou ; termine une ligne. Les commentaires et les chaînes entre guillemets sont recopiés sans modification. Ce formateur n’ajoute pas les espaces autour des opérateurs ni après les virgules qui manquaient dans le code d’origine : il reconstruit uniquement les sauts de ligne et l’indentation.
Python lit l’indentation existante de chaque ligne et la reconstruit avec quatre espaces par niveau, en suivant les mêmes règles d’imbrication que le langage Python lui-même. Il ne découpe pas les lignes longues, n’ajoute pas de lignes vides ni d’espaces autour des opérateurs ; il normalise uniquement le niveau d’indentation de chaque ligne.
CSS supprime les sauts de ligne et les espaces superflus, puis ajoute un saut de ligne après chaque { et ;, ainsi qu’avant chaque }.
HTML et XML ajoutent un saut de ligne et deux espaces d’indentation pour chaque niveau de balises imbriquées, en reconnaissant les balises standard autofermantes telles que <br>, <img> et <input>.
SQL convertit un ensemble défini de mots-clés, tels que SELECT, FROM, WHERE, JOIN et ORDER BY, en majuscules et commence une nouvelle ligne avant chaque clause principale.

Comme seul le traitement de JSON analyse réellement l’entrée, aucun des autres formateurs ne détecte les erreurs de syntaxe telles qu’une parenthèse manquante ou une chaîne non fermée. Ils reformatent tout texte fourni, même s’il ne pourrait pas être exécuté.

Langages pris en charge

Langage	Extension de fichier habituelle	Largeur d’indentation
JavaScript	.js	2 espaces
TypeScript	.ts	2 espaces
HTML	.html	2 espaces
CSS	.css	2 espaces
Python	.py	4 espaces
Java	.java	4 espaces
C	.c	4 espaces
C++	.cpp	4 espaces
C#	.cs	4 espaces
SQL	.sql	sauts de ligne par clause
JSON	.json	2 espaces
XML	.xml	2 espaces

Comment formater du code

Sélectionnez un langage de programmation dans le menu déroulant.
Collez le code non formaté dans la zone de saisie.
Sélectionnez « Format Code ».
Copiez le résultat formaté depuis la zone de sortie.

Le formatage s’effectue entièrement dans le navigateur. Le code n’est jamais envoyé à un serveur.

Exemple de formatage JavaScript

Avant le formatage :

1function add(a, b) {
2    if (a > 0) { return a + b; }
3    return 0;
4}
5

Après le formatage :

1function add(a, b) {
2  if (a > 0) {
3    return a + b;
4  }
5  return 0;
6}
7

Le formateur a placé le code contenu dans { } sur sa propre ligne indentée et a normalisé l’indentation à deux espaces par niveau. Il a conservé exactement les espaces autour de a > 0 et de a + b, car ces espaces étaient déjà présents.

Exemple de formatage Python

Avant le formatage :

1def calculate_average(numbers):
2  if len(numbers) == 0:
3    return 0
4  total = sum(numbers)
5  return total / len(numbers)
6

Après le formatage :

1def calculate_average(numbers):
2    if len(numbers) == 0:
3        return 0
4    total = sum(numbers)
5    return total / len(numbers)
6

Le code d’origine utilisait deux espaces par niveau d’indentation. Le formateur a reconstruit l’indentation de chaque ligne avec quatre espaces par niveau, conformément au style décrit dans la PEP 8, le guide officiel de style de Python. Il a conservé l’ordre de toutes les lignes et n’a pas modifié les espaces à l’intérieur des lignes.

Pourquoi le formatage du code est important

Une indentation incohérente rend plus difficile l’identification de la fin d’une fonction, d’une boucle ou d’une condition. Le code modifié par plusieurs personnes finit souvent par mélanger les tabulations et les espaces, ou par contenir des lignes qui ne s’alignent pas sur le bloc auquel elles appartiennent. Le passage dans un formateur donne à chaque fichier la même structure visuelle, ce qui permet de le parcourir plus rapidement et de repérer plus facilement une parenthèse mal placée.

Limites

Taille de l’entrée : l’outil accepte jusqu’à 50 000 caractères de code. Une entrée plus longue est rejetée avec un message d’erreur avant le début du formatage.
Pas de vérification syntaxique pour la plupart des langages : seule l’entrée JSON est analysée et validée. Le code des 11 autres langages est reformaté tel quel, même s’il contient une parenthèse manquante ou une chaîne non fermée. Dans ce cas, le résultat peut être mal indenté plutôt que signalé comme erroné.
Aucune modification des espaces autour des opérateurs : les formateurs JavaScript, TypeScript et de la famille C ne réorganisent que les sauts de ligne et l’indentation. Ils n’insèrent pas d’espace autour de +, de =, de !== ni après une virgule si aucun n’était déjà présent.
PHP n’est pas pris en charge : la sélection d’un langage non pris en charge renvoie le code inchangé.

Foire aux questions

Cet outil vérifie-t-il les erreurs de syntaxe de mon code ? Uniquement pour JSON. L’entrée JSON est analysée, et un JSON non valide produit un message d’erreur. Le code des autres langages pris en charge est reformaté sans vérification de sa validité syntaxique.

Le code est-il envoyé à un serveur ? Non. Le formatage s’effectue entièrement dans le navigateur à l’aide de JavaScript. Le code n’est ni téléversé ni stocké où que ce soit.

Quelle est la quantité maximale de code pouvant être formatée ? 50 000 caractères. Le collage d’une quantité supérieure produit une erreur avant le début du formatage.

Ajoute-t-il les espaces manquants autour de mes opérateurs ou après les virgules ? Non, pour JavaScript, TypeScript, Java, C, C++ et C#. Ces formateurs reconstruisent uniquement l’indentation et les sauts de ligne autour des accolades et des points-virgules ; ils recopient le reste de chaque ligne tel qu’il a été écrit.

Quelle indentation utilise-t-il ? Deux espaces pour JavaScript, TypeScript, HTML, CSS, JSON et XML. Quatre espaces pour Python, Java, C, C++ et C#.

Pourquoi mon code semble-t-il presque identique après le formatage ? Si l’entrée utilisait déjà des espaces cohérents et un style uniforme pour les parenthèses, le formateur reconstruit principalement l’indentation ; la modification peut donc être limitée. Il est surtout utile pour le code dont l’indentation est mélangée ou qui a été réduit à un très petit nombre de lignes.

Formateur de Code Gratuit : Embellir JavaScript, Python, HTML et Plus