ToolsMaxxing

Embellisseur HTML, CSS et JS

Indentez et remettez en forme du HTML, CSS et JavaScript minifié ou désordonné pour le rendre à nouveau lisible.

Vos fichiers restent sur votre appareil

Comment ça marche

  1. 1Choisissez JavaScript, CSS ou HTML.
  2. 2Collez votre code, ou choisissez Essayer un exemple.
  3. 3Choisissez l'indentation et, pour JavaScript, les guillemets et les points-virgules.
  4. 4Copiez le code formaté ou téléchargez-le.

À quoi servent les options

Indentation
Deux espaces, quatre espaces ou une tabulation par niveau.
Guillemets simples
Écrit les chaînes JavaScript avec des guillemets simples quand c'est possible.
Points-virgules
Ajoute des points-virgules à la fin des instructions JavaScript, ou les omet.

Confidentialité

Tout s'exécute dans votre navigateur. Ce que vous collez n'est jamais envoyé à un serveur.

Questions fréquentes

Quel formateur est utilisé ?

Prettier, le même formateur que beaucoup de projets exécutent à l'enregistrement. Ses règles sont tranchées, donc la sortie correspond à ce qu'un projet formaté avec Prettier produirait, avec les options que vous choisissez.

Embellir change-t-il ce que fait le code ?

Non. Seuls les espaces, les sauts de ligne et, pour JavaScript, le style des guillemets et les points-virgules changent. Le programme se comporte de la même façon.

Peut-il restaurer les noms de variables d'origine ?

Non. Les minificateurs jettent les noms d'origine, donc un fichier embelli est plus facile à lire mais a, b et c restent a, b et c.

Pourquoi affiche-t-il une erreur ?

Le code n'a pas pu être analysé. Le message donne la ligne, la colonne et quelques lignes de contexte. Corrigez cet endroit et le résultat réapparaît.

JSX ou TypeScript sont-ils pris en charge ?

Le JSX dans JavaScript est accepté. TypeScript n'est pas pris en charge dans cet outil.

Outils associés