Mes outils

Formateur de code

Collez du code et il se met en page — langue détectée, aucun bouton à cliquer.

Mode d’emploi

  1. Collez du code dans la zone — il est formaté au fil de la frappe ; aucun bouton à cliquer.
  2. La langue est détectée à partir du code. Si la supposition est fausse, choisissez-en une dans la liste ; 2 ou 4 espaces et 80, 100 ou 120 colonnes remettent immédiatement en forme.
  3. Copiez le résultat ou téléchargez-le avec la bonne extension (.js, .ts, .json, .py…).

Exemple

Saisie

function saluer(user){if(!user){return "Bonjour, invité";}const tags=["nouveau","actif"];return `Bonjour, ${user.name} !`;}
export default saluer;

Formaté

function saluer(user) {
  if (!user) {
    return "Bonjour, invité";
  }
  const tags = ["nouveau", "actif"];
  return `Bonjour, ${user.name} !`;
}
export default saluer;

Formaté avec les règles par défaut (2 espaces, 80 colonnes). Prettier ajoute des points-virgules et des guillemets doubles ; le littéral de gabarit et le retour « invité » restent inchangés.

Règles, limites et problèmes connus

  • Le formatage modifie les espaces et applique les normalisations propres au formateur (guillemets, points-virgules, virgules finales) ; il n’exécute jamais le code, ne trie pas les clés et ne renomme pas les identifiants. Les chaînes conservent leur contenu.
  • Moteurs : Prettier pour JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue et GraphQL ; Ruff (compatible Black) pour Python. Seul le moteur de la langue courante est téléchargé, à la première utilisation, puis mis en cache par le navigateur.
  • La détection automatique est heuristique. Un extrait commençant par une balise peut être lu comme du HTML même s’il s’agit de JSX ; choisissez JavaScript ou TypeScript manuellement. Un objet qui ressemble à du JSON mais n’est pas valide bascule sur JavaScript.
  • La sélection manuelle fait foi : choisir CSS ne formate jamais silencieusement en SCSS. TypeScript essaie .ts puis .tsx.
  • JSON utilise l’analyseur json de Prettier : les objets courts peuvent donc rester sur une ligne. Pour une validation stricte, l’ordre des clés ou la minification, utilisez la boîte à outils JSON. Les clés en double conservent la dernière valeur, comme JSON.parse.
  • Le style par défaut de Prettier est fixe : guillemets doubles, points-virgules, virgules finales lorsqu’elles sont valides. Les fichiers .prettierrc et .editorconfig ne sont pas lus et il n’y a pas d’options de guillemets ou de points-virgules. Python utilise les guillemets doubles et respecte les virgules finales magiques (Ruff/Black).
  • Les espaces HTML suivent htmlWhitespaceSensitivity: css : les espaces autour des éléments en ligne peuvent donc différer de la source. Markdown, YAML et XML ne sont pas pris en charge ; l’éditeur Markdown, le convertisseur de configuration et le formateur XML s’en chargent.
  • La sortie est en LF sans saut de ligne final, et le formatage est idempotent. Au-delà de 200 000 caractères, le résultat s’actualise environ 0,6 s après l’arrêt de la frappe ; le formatage s’exécute dans un Web Worker et le texte n’est jamais envoyé, placé dans l’URL ni stocké.

Ce dont on a généralement besoin ensuite, une fois le code lisible.

Boîte à outils JSON

Formateur SQL

Formateur XML