Comment mettre en forme et nettoyer texte et code
Embellissez et minifiez JSON, JavaScript, HTML, CSS et SQL en un clic — entièrement dans le navigateur, avec des réglages cohérents avec ce qu’attend votre linter.
D’autres utilitaires qui complètent bien ce guide :
Pourquoi c’est important
Un backend colle une charge JSON de 4 Ko issue d’un ticket client. C’est un bloc sans saut de ligne. Impossible de voir d’un coup d’œil si le problème est un champ manquant ou un enum mal orthographié. Trente secondes dans le formateur et la structure apparaît : une coquille sur currrency (trois « r »), voilà le bug. C’est le quotidien du formatage — transformer des bouillies illisibles en quelque chose qu’un humain peut raisonner.
Le formatage sert aussi d’ancre de style : quand toute l’équipe utilise les mêmes réglages de beautify, les revues de code arrêtent de se noyer dans le bruit des espaces et se concentrent sur la logique.
Trois scénarios réels
Collez une réponse JSON sur une ligne, embelissez avec indentation 2 espaces, repérez tout de suite le champ mal formé.
Diagnostic en quelques secondes
Déposez un bloc HTML/CSS édité à la main, cliquez Minify, livrez un artefact plus serré.
Bundle plus léger
Collez une chaîne SELECT avec jointures sur une ligne, formatez avec le profil SQL, et clés de jointure, filtres et agrégats deviennent lisibles d’un regard.
Analyse lisible
Parcours
Le formateur est sur /content-tools/text-formatter. Il devine le langage depuis l’entrée, mais vous pouvez forcer le choix dans la barre d’outils.
Choisir le profil de langage
JSON, JavaScript/TypeScript, HTML, CSS ou SQL. Le bon profil évite des erreurs subtiles, comme le formateur JSON qui tente d’équilibrer des accolades dans une fonction fléchée JS.
Coller la source
L’éditeur accepte des entrées de taille arbitraire. Tout ce que vous collez reste dans la session navigateur.
Embellir ou minifier
Format indente et coupe les lignes. Minify retire espaces et commentaires. Le résultat apparaît dans le volet de droite en temps réel quand vous changez les réglages.
Ajuster indentation, largeur de ligne et virgules finales
2 ou 4 espaces, largeur max, virgules traînantes selon le guide de style de l’équipe.
Copier ou télécharger
Bouton copier pour remettre le résultat dans l’IDE, ou téléchargement direct du fichier.
Input
{"orderId":"o-7711","items":[{"sku":"A1","qty":2},{"sku":"B2","qty":1}],"currrency":"USD"}Output
{
"orderId": "o-7711",
"items": [
{ "sku": "A1", "qty": 2 },
{ "sku": "B2", "qty": 1 }
],
"currrency": "USD"
}
Conseils avancés
- Formatez d’abord, diff ensuite. Avant de comparer deux configs, passez-les toutes les deux au formateur pour neutraliser espaces et guillemets. Voir Comparer du texte en ligne.
- Minifiez avant de coller dans un champ JSON qui refuse les retours à la ligne (webhooks Slack, certaines annotations k8s).
- Gardez tabulations et espaces cohérents — changez le réglage d’indentation avant formatage, sinon l’éditeur reformatera à l’enregistrement et le diff sera bruyant.
- JSON5 : des configs manuscrites ont parfois des commentaires. Retirez-les avec le profil JS, puis reformatez en JSON strict.
Pièges courants
Piège courant
Le formateur refuse d’embellir votre JSON
Virgule finale, guillemets simples ou clé non quotée : entrée JSON invalide. Corrigez l’erreur signalée dans la barre (elle pointe la ligne fautive) avant de reformater.
Piège courant
Le JS minifié casse à l’exécution
Le minifier resserre des lignes sensibles à l’ASI. Si vous minifiez du code moderne en chaînage optionnel ou await top-level, vérifiez que la cible les supporte. Sinon transpilez d’abord avec un bundler.
Piège courant
Le formatage SQL casse vos alias
Certains dialectes anciens utilisent des guillemets doubles pour les identifiants. Choisissez le bon dialecte dans le profil SQL (PostgreSQL, MySQL, T-SQL) pour préserver le guillage des identifiants.
Quand ce n’est pas l’outil adapté
- Corriger automatiquement les erreurs de lint : ESLint, Stylelint ou
dotnet formatdans le dépôt pour des règles au-delà du pur formatage. - Refactoring (renommage, extraction de fonction) : moteur de refactoring de l’IDE.
- Validation de schéma : ce formateur ne vérifie que la forme ; un validateur JSON Schema pour la sémantique.
FAQ
Ça modifie le texte dans les chaînes quotées ?
Non. Les espaces dans les chaînes sont intacts — seuls les espaces structurels (indentation, sauts entre tokens) sont réécrits.
Le YAML est supporté ?
Le formatage YAML direct est prévu ; pour l’instant convertissez YAML → JSON, formatez, puis reconvertissez.
Pourquoi mes commentaires disparaissent après Minify ?
La minification retire les commentaires par défaut pour réduire la taille. Activez Preserve comments dans la barre si vous en avez besoin en sortie.
Étapes suivantes
- Comparez la sortie formatée à une version de référence avec le comparateur de texte.
- Échappez les caractères spéciaux restants avec l’outil d’échappement avant d’embarquer le résultat dans HTML ou JSON.
- Convertissez des brouillons Markdown en HTML avec l’outil Markdown vers HTML.