Modifier et formater JSON Online

Un JSON sans indentation ni coloration, tout sur une seule ligne, est difficile à lire et à corriger. Cet outil vous permet d'ouvrir, éditer, formater et enregistrer un fichier JSON directement dans le navigateur, grâce à l'éditeur open source jsoneditor (de Jos de Jong, version 9.1.0), sans rien installer.

À quoi ça sert

• Ouvrir un JSON et le consulter en texte coloré ou en arborescence de nœuds.
• Repérer les erreurs de syntaxe (virgule en trop, guillemets simples, clé sans guillemets) avant de l'utiliser dans votre code.
• Formater (indenter) un JSON ou le compacter sur une seule ligne d'un clic.
• Trier, filtrer ou transformer le contenu, et rechercher une valeur dans un JSON volumineux.
• Modifier des valeurs ou la structure elle-même, avec annuler et rétablir en cas d'erreur.
• Créer un JSON de zéro et l'enregistrer comme fichier .json.

Deux panneaux, six modes de travail

L'écran affiche deux panneaux synchronisés : ce que vous modifiez dans l'un se répercute dans l'autre. Celui de gauche démarre en mode code (texte coloré avec validation de la syntaxe) et celui de droite en mode tree (arborescence éditable) ; les deux peuvent passer à l'un de ces six modes :

• code : le JSON en texte, avec coloration et signalement des erreurs.
• text : le JSON en texte brut, sans coloration.
• tree : arborescence entièrement éditable, pour ajouter, déplacer ou supprimer des clés et des valeurs.
• form : arborescence où seules les valeurs sont modifiables, sans toucher à la structure.
• view : arborescence en lecture seule, pour inspecter sans risque.
• preview : vue texte en lecture seule pensée pour les documents volumineux.

Les boutons de chaque mode

La barre d'outils change selon le mode :

• Formater (Ctrl+\) ajoute l'indentation et les retours à la ligne ; Compacter (Ctrl+Shift+\) le remet sur une seule ligne. Les deux en mode code.
• Trier le contenu et Filtrer, trier ou transformer le contenu : en mode code et en mode arborescence.
• Réparer le JSON (mode code) : tente de corriger les erreurs courantes, voir la section suivante.
• Annuler (Ctrl+Z) et Rétablir (Ctrl+Shift+Z) : dans les deux modes.
• Tout développer et Tout réduire, ainsi qu'un champ de recherche avec saut au résultat suivant ou précédent : en mode arborescence.

Comment créer, éditer et enregistrer un fichier JSON

1. Saisissez ou collez votre JSON dans le panneau de gauche, ou cliquez sur le bouton de chargement pour ouvrir un fichier depuis votre ordinateur (il est lu dans le navigateur et placé dans les deux panneaux).
2. Vérifiez le panneau de droite en mode arborescence : étant synchronisé, chaque modification apparaît automatiquement dans l'autre panneau.
3. Si vous voulez seulement changer des valeurs, utilisez le mode form ; pour consulter sans modifier, utilisez view ou preview.
4. Formatez-le avec Formater, mettez-le sur une seule ligne avec Compacter ou corrigez les erreurs courantes avec Réparer le JSON ; Annuler annule toute modification.
5. Cliquez sur le bouton d'enregistrement, saisissez un nom de fichier (s'il ne se termine pas par .json, cela est ajouté automatiquement) et téléchargez-le.

Erreurs de syntaxe les plus courantes

Un JSON valide suit une grammaire stricte (RFC 8259) :

• Virgule finale : {"nom": "Ana",} — il faut retirer cette dernière virgule.
• Guillemets simples : {'nom': 'Ana'} doit s'écrire {"nom": "Ana"}.
• Clés sans guillemets : {nom: "Ana"} — chaque clé doit être entre guillemets doubles.
• Commentaires : // ceci n'est pas valide — JSON n'admet pas les commentaires, ni avec // ni avec /* */.

Réparer le JSON tente de corriger automatiquement les guillemets et caractères d'échappement mal placés, de retirer les commentaires et la notation JSONP, et de convertir un objet JavaScript en JSON valide, sans toutefois garantir de corriger toutes les erreurs : mieux vaut vérifier le résultat. Si votre JSON contient un horodatage Unix ou un jeton avec une partie en Base64url (comme un JWT), vous pouvez le vérifier à part avec le convertisseur d'horodatage Unix ou le décodeur Base64.

Confidentialité

Le JSON que vous collez, chargez ou modifiez ne quitte jamais votre navigateur : la page n'envoie son contenu à aucun serveur. Tout se passe sur votre propre ordinateur, ce qui vous permet de travailler avec des données que vous préférez ne mettre en ligne nulle part.