Logo XTools
XTools

Formateur et minificateur de code

Formater ou minifier du HTML, du CSS, du JavaScript, du TypeScript et du SQL
  • Les fichiers ne quittent pas votre appareil
  • S’exécute dans le navigateur
  • Gratuit, sans compte, sans filigrane

 

Format options

Long lines are wrapped at this width where the language allows it.

Comment utiliser Formateur et minificateur de code

Formatez ou minifiez du HTML, du CSS, du SCSS, du Less, du JavaScript, du TypeScript, du JSON, du Markdown, du YAML et du SQL dans votre navigateur. Le langage est détecté automatiquement, et le résultat se met à jour au fil de la saisie.

  1. 1

    Collez du code dans Entrée, déposez un fichier, ou choisissez un langage dans Exemple.

  2. 2

    Choisissez Formater ou Minifier. Le menu de langage indique ce qui a été détecté ; choisissez-en un vous-même s'il s'est trompé.

  3. 3

    Ajustez les options de Formater, comme Indentation, Largeur de ligne, Guillemets ou dialecte SQL, ou les options de Minifier, comme Raccourcir les noms de variables.

  4. 4

    Copiez la sortie ou cliquez sur le bouton de téléchargement. Ctrl/⌘ + S le télécharge aussi.

Questions fréquentes

Mon code est-il envoyé à un serveur ?

Non. Les formateurs et les minificateurs (Prettier, sql-formatter, Terser et CSSO) se chargent dans la page et s'exécutent sur votre appareil, votre code reste donc dans votre navigateur.

Quels dialectes SQL sont pris en charge ?

SQL standard, MySQL, MariaDB, PostgreSQL, SQLite, SQL Server (T-SQL), Oracle PL/SQL, BigQuery, Snowflake, Redshift, Spark SQL, Hive, Trino/Presto, DuckDB, ClickHouse et IBM Db2. Vous pouvez aussi régler la Casse des mots-clés sur MAJUSCULES, minuscules ou Tel quel.

Pourquoi Minifier est-il grisé pour TypeScript ou Markdown ?

TypeScript doit être compilé en JavaScript avant de pouvoir être minifié, et Markdown n'a rien à minifier, ces langages sont donc mis en forme à la place.

Minifier le JavaScript renomme-t-il mes variables ?

Seulement si Raccourcir les noms de variables est activé. Il renomme les variables et fonctions locales ; les noms globaux restent les mêmes. Conserver les commentaires de licence préserve les commentaires /*! et @license.

Où affiche-t-il les erreurs de syntaxe ?

Sous les éditeurs, avec la ligne et la colonne lorsque l'analyseur les signale. La ligne fautive est aussi surlignée dans l'entrée.

Mes réglages sont-ils mémorisés ?

Oui. Le mode, le langage et les options sont enregistrés dans le stockage local de ce navigateur. Votre code n'est pas enregistré.