JSON Editor
Construisez et éditez du JSON visuellement — ajoutez des clés, changez des types, renommez des champs — sans syntaxe brute.
Entrée JSON
Éditeur visuel
Qu'est-ce que JSON Editor ?
Un éditeur JSON visuel vous laisse construire et modifier un document JSON en cliquant sur des boutons et en remplissant des champs — renommer une clé, changer le type d'une valeur, ajouter une propriété ou supprimer un élément — au lieu d'éditer à la main du texte brut en espérant ne pas casser un crochet ou oublier une virgule quelque part. C'est un outil différent d'un éditeur JSON textuel (comme l'éditeur du JSON Formatter) : chaque clé a son propre champ de renommage, chaque valeur a un sélecteur de type qui bascule entre string/number/boolean/null/object/array et se réinitialise à une valeur par défaut adaptée à ce type, et chaque objet ou tableau a une ligne intégrée « ajouter une clé » ou « ajouter un élément ». Un aperçu en direct, en lecture seule, montre toujours le texte JSON exact que vos éditions visuelles produisent, pour que vous puissiez le copier dès qu'il vous convient.
Comment utiliser JSON Editor
- Collez du JSON existant dans la zone d'importation en haut et cliquez sur « Load into editor » — ou cliquez sur « Load sample » pour partir d'un exemple guidé.
- Éditez l'arbre à gauche : tapez dans un champ de valeur, utilisez le menu déroulant de type pour changer le type d'une valeur, renommez une clé en éditant son champ de nom, ou cliquez sur l'icône corbeille pour supprimer une clé/un élément.
- Utilisez la ligne « Add key » / « Add item » au bas de tout objet ou tableau pour insérer une nouvelle entrée.
- Regardez l'aperçu en direct à droite se mettre à jour instantanément, puis copiez le résultat une fois satisfait.
Exemples
Changer le type d'une valeur
Entrée
{"active": "true"}
Sortie
Basculer le menu déroulant de type de string à boolean → {"active": true}
Ajouter une nouvelle clé à un objet
Entrée
{"name": "Ada"}
Sortie
Ajouter la clé "born" (number) → {"name": "Ada", "born": 1815}
Erreurs courantes
- Oublier que changer le type d'une valeur la réinitialise à la valeur par défaut de ce type — copiez d'abord la valeur si vous devez réutiliser l'ancienne.
- Essayer de renommer une clé avec un nom déjà utilisé par une clé sœur — c'est bloqué plutôt que d'écraser silencieusement la valeur de l'autre clé.
- S'attendre à ce que la zone d'importation reste synchronisée avec vos éditions visuelles — c'est seulement une source unidirectionnelle « charger dans l'éditeur », pas un miroir en direct (utilisez le panneau d'aperçu en lecture seule pour cela).
Pourquoi utiliser cet outil
- S'exécute entièrement dans votre navigateur — aucun document construit ou édité n'est jamais envoyé à un serveur.
- Élimine toute une classe d'erreurs d'édition manuelle (virgules finales, crochets désappariés, clés non citées) puisque vous ne tapez jamais de syntaxe JSON brute.
- Le menu déroulant de type facilite la correction d'une frustration fréquente d'intégration d'API — une valeur reçue comme la chaîne "true" ou "42" au lieu d'un vrai booléen ou nombre.