Outils > JSONFormateur JSON
Taille d'indentation
Entrée
Sortie
JSON valideNon
Lignes0
Profondeur0
Taille (octets)0

Formateur et Embellisseur JSON

Formatez et embellissez du JSON brut, minifié ou mal formaté en une sortie joliment indentée avec un contrôle total sur le style de mise en forme. Cet outil prend en charge le JSONC (JSON avec commentaires), la suppression des virgules de fin, la sortie compacte/minifiée, la mise en ligne récursive des tableaux et objets imbriqués, et l'échappement unicode — tout le formatage et l'embellissement se fait dans votre navigateur pour une confidentialité totale.

Comment Utiliser Cet Outil

  1. Collez votre JSONCollez du JSON brut, minifié ou désordonné dans le panneau d'entrée. L'outil accepte le JSON standard et, en option, le JSONC (avec commentaires et virgules de fin).
  2. Choisissez le style d'indentationSélectionnez des espaces ou des tabulations pour l'indentation. Utilisez le curseur ou tapez une valeur pour ajuster la taille d'indentation (jusqu'à 20 niveaux) pour correspondre au style de codage de votre projet.
  3. Configurez les options de mise en formeActivez « Minifier » pour une sortie compacte, ou affinez avec la mise en ligne récursive des tableaux et objets courts, la réduction des structures vides et l'échappement unicode. Utilisez les curseurs de seuil pour contrôler l'agressivité de la mise en ligne des structures.
  4. Gérez les entrées JSONCSi votre entrée contient des commentaires (comme tsconfig.json ou les paramètres de VS Code), activez « Supprimer les commentaires » et « Supprimer les virgules de fin » pour le convertir en JSON valide.
  5. Copiez le résultatLe JSON formaté apparaît instantanément dans le panneau de sortie. Cliquez sur le bouton Copier pour le mettre dans votre presse-papiers.

Fonctionnalités

Indentation Personnalisable

Choisissez entre espaces et tabulations avec une taille d'indentation configurable jusqu'à 20 niveaux. Utilisez le curseur interactif pour des ajustements rapides ou tapez directement n'importe quelle valeur.

Mode Minification / Compacte

Compressez le JSON en une seule ligne en supprimant tout l'espace blanc — idéal pour réduire la taille des données ou les intégrer dans des URL et des APIs.

Prise en Charge du JSONC

Supprimez les commentaires sur une seule ligne (//) et sur plusieurs lignes (/* */) des fichiers JSONC comme tsconfig.json, settings.json de VS Code et les configs ESLint avant la mise en forme.

Suppression des Virgules de Fin

Supprimez automatiquement les virgules de fin avant ] et } pour convertir une entrée de type JSON5 en JSON strict.

Mise en Ligne Récursive des Tableaux et Objets Courts

Mettez récursivement en ligne les tableaux et objets — y compris les structures profondément imbriquées — sur une seule ligne lorsqu'ils tiennent dans le seuil de caractères configurable (jusqu'à 1000 caractères). Un objet imbriqué comme {"pool":{"min":2,"max":10}} reste compact lorsqu'il tient, tandis que les structures plus grandes s'étendent normalement.

Échappement Unicode

Convertissez les caractères non-ASCII dans les valeurs de chaîne en séquences d'échappement \uXXXX pour une sortie JSON compatible ASCII avec les systèmes hérités.

Cas d'Utilisation Réels

1

Débogage des Réponses API

Collez une réponse API minifiée pour voir immédiatement la structure complète avec une indentation appropriée, facilitant l'inspection des objets et tableaux imbriqués.

2

Mise en Forme des Fichiers de Config

Nettoyez les fichiers tsconfig.json, package.json ou les paramètres de VS Code désordonnés avec une indentation cohérente et la suppression optionnelle des commentaires.

3

Minification des Données JSON

Compressez du JSON formaté en une seule ligne compacte pour l'intégrer dans des variables d'environnement, des corps de requêtes API ou des paramètres d'URL.

4

Normalisation du Format en Équipe

Assurez-vous que tous les membres de l'équipe utilisent le même style de mise en forme JSON (indentation à 2 espaces, structures vides réduites) pour des révisions de code et des diffs cohérents.

5

Préparation d'un JSON Compatible ASCII

Échappez les caractères unicode pour les systèmes qui exigent un JSON en ASCII uniquement, comme les anciennes bases de données ou les APIs héritées ne prenant pas en charge l'UTF-8.

Questions Fréquemment Posées

Qu'est-ce que le JSONC et comment cet outil le gère-t-il?
Le JSONC (JSON avec commentaires) est du JSON qui permet des commentaires sur une ligne (//) et sur plusieurs lignes (/* */), ainsi que des virgules de fin. De nombreux outils comme TypeScript (tsconfig.json) et VS Code (settings.json) utilisent le JSONC. Activez « Supprimer les commentaires » et « Supprimer les virgules de fin » pour convertir l'entrée JSONC en JSON standard valide avant la mise en forme.
Que fait l'option « Tableaux courts en ligne »?
Lorsqu'elle est activée, les tableaux qui tiennent dans le seuil de caractères (80 par défaut) restent sur une seule ligne — comme [1, 2, 3] — au lieu d'étendre chaque élément sur sa propre ligne. Cela fonctionne récursivement : les tableaux contenant des objets imbriqués ou d'autres tableaux sont aussi mis en ligne tant que la forme sérialisée complète tient dans le seuil. Utilisez le curseur pour ajuster le seuil jusqu'à 1000 caractères.
La mise en ligne fonctionne-t-elle avec les objets et tableaux imbriqués?
Oui. La mise en ligne est entièrement récursive. Une structure comme {"pool":{"min":2,"max":10}} ou ["tags",[1,2,3]] restera sur une seule ligne tant que la forme sérialisée complète tient dans le seuil de caractères. Cela rend la sortie nettement plus lisible pour les fichiers de configuration et les réponses API avec de petites structures imbriquées.
Le mode minification valide-t-il mon JSON?
Oui. L'outil analyse votre entrée en JSON avant la mise en forme. Si l'entrée est du JSON invalide (et que le prétraitement comme la suppression des commentaires/virgules ne corrige pas le problème), vous verrez une erreur plutôt que le résultat. L'indicateur « JSON valide » dans la barre de statistiques confirme si l'analyse a réussi.
Pourquoi échapper les caractères unicode?
Certains systèmes hérités, APIs ou bases de données ne gèrent pas correctement le JSON en UTF-8. Échapper les caractères non-ASCII en séquences \uXXXX garantit que le JSON ne contient que des caractères ASCII tout en préservant les valeurs réelles. Par exemple, « café » devient « caf\u00e9 ».
Mes données sont-elles sécurisées? Sont-elles envoyées à un serveur?
Vos données ne quittent jamais votre navigateur. Toute la mise en forme, l'analyse et la transformation du JSON se font entièrement côté client en JavaScript. Aucune donnée n'est envoyée à un serveur, ce qui rend cet outil sûr pour les données JSON sensibles ou confidentielles.
Quelle est la taille maximale de JSON que cet outil peut gérer?
Puisque le traitement se fait dans votre navigateur, la limite dépend de la mémoire de votre appareil. La plupart des navigateurs modernes peuvent gérer des fichiers JSON de plusieurs mégaoctets sans problème. Pour les très grands fichiers (50 Mo et plus), le traitement peut être lent.

Outils Connexes