DevToolPal
FR

Éditeur JSON en arborescence

Affichez du JSON sous forme d'arbre repliable et modifiez clés, valeurs et types sur place, avec le JSON mis à jour au fur et à mesure.

Traitement local, rien n'est envoyé

Options

Indentation

JSON

0 caractères · 0 B

Arbre

Le résultat s'affiche ici

À quoi ça sert

L’éditeur JSON en arborescence transforme un document JSON en un arbre repliable que vous pouvez parcourir et modifier directement. Au lieu de chercher une virgule manquante dans un long fichier texte, vous changez une valeur dans un petit champ et l’outil réécrit pour vous un JSON valide.

C’est pratique pour les fichiers de configuration, les réponses d’API, les jeux de données de test et les fichiers de traduction : tout ce dont il faut d’abord comprendre la structure avant d’y apporter quelques modifications précises.

Mode d’emploi

  1. Collez du JSON dans l’entrée à gauche, ou chargez l’exemple.
  2. Explorez l’arbre. Cliquez sur la flèche à côté d’un objet ou d’un tableau pour le déplier ou le replier, et utilisez Niveaux dépliés pour choisir la profondeur ouverte par défaut.
  3. Modifiez sur place :
    • Cliquez sur une clé pour la renommer. Les clés gardent leur position dans l’objet.
    • Cliquez sur une chaîne ou un nombre pour le modifier. Les booléens ont un menu true ou false.
    • Utilisez le menu de type à droite de chaque ligne pour convertir une valeur en un autre type JSON.
    • Cliquez sur + pour ajouter un enfant à un objet ou un tableau, ou sur × pour supprimer un nœud.
  4. Appuyez sur Entrée ou cliquez ailleurs pour appliquer un changement, ou sur Échap pour l’annuler.
  5. Copiez le JSON mis à jour depuis l’entrée. L’option Indentation détermine son formatage.

Chemins

Sélectionner une ligne affiche son chemin au format JSONPath, comme $.author.name ou $.keywords[2], avec un bouton pour le copier. Les clés qui ne sont pas de simples identifiants sont mises entre guillemets, par exemple $["first name"]. Les chemins sont utiles quand vous écrivez du code ou des requêtes qui lisent le même champ, par exemple avec jq, le chaînage optionnel de JavaScript ou une fonction JSON de base de données.

Modification sans risque

Les modifications ne produisent jamais de JSON invalide. Si un changement ne peut pas être appliqué, par exemple renommer une clé avec un nom qui existe déjà ou saisir des lettres dans un nombre, l’outil affiche un message au-dessus de l’arbre et laisse votre document inchangé.

Si le JSON à gauche contient une erreur de syntaxe, l’arbre est remplacé par l’erreur avec sa ligne et sa colonne : vous pouvez corriger le texte et continuer.

FAQ

› Mes modifications sont-elles enregistrées dans le texte JSON ?

Oui. Chaque changement dans l'arbre est aussitôt reporté dans le JSON à gauche, formaté avec l'indentation choisie : vous pouvez le copier ou le télécharger à tout moment.

› Comment ajouter ou supprimer des éléments ?

Utilisez le bouton plus sur la ligne d'un objet ou d'un tableau pour ajouter un enfant, et le bouton croix sur n'importe quelle ligne pour la supprimer. Les nouveaux membres d'objet reçoivent une clé provisoire comme key ou key2, que vous pouvez renommer.

› Que se passe-t-il quand je change un type ?

L'outil conserve autant que possible. Un nombre transformé en chaîne devient son texte, un tableau devient un objet indexé par position, et un objet devient un tableau de ses valeurs.

› Mon JSON est-il envoyé sur un serveur ?

Non. L'analyse et la modification se font dans votre navigateur.