Éditer du JSON
L’Éditeur JSON offre un environnement d’édition à double surface synchronisée, avec une vue arborescente interactive et un éditeur de texte monospace en direct. Il gère la manipulation de nœuds en ligne, l’ajout, le renommage et la suppression de clés, la réorganisation de tableaux, la navigation dans l’historique d’annulation et de rétablissement, ainsi que la recherche de propriétés par JSONPath avec une validation continue de la syntaxe RFC 8259.
Comment fonctionne Éditer du JSON ?
Éditer des payloads JSON imbriqués en texte brut provoque souvent des corruptions de syntaxe : une virgule manquante par accident ou une accolade non fermée casse tout le fichier. L’Éditeur JSON de ToolsByUs élimine ce problème en mariant une vue arborescente visuelle adossée à un AST et un éditeur de texte brut :
- Synchronisation bidirectionnelle : la saisie dans le panneau de code est analysée et met à jour en direct la hiérarchie de l’arbre. Inversement, cliquer des nœuds en ligne, modifier des noms de propriétés ou ajouter des éléments dans l’arbre resérialise immédiatement en texte JSON propre et indenté.
- Mutations sûres préservant les types : à l’édition d’un nœud scalaire, l’éditeur analyse chaînes, nombres, booléens et null en leurs représentations JavaScript exactes, sans convertir les nombres en chaînes.
- Requêtes de propriétés par JSONPath : filtrez instantanément des documents profondément imbriqués grâce aux noms de propriétés ou aux chemins à notation pointée, pour vous concentrer sur les clés pertinentes.
- Annuler/Rétablir illimité : chaque frappe et chaque mutation de l’arbre est empilée dans un historique immuable, ce qui permet de revenir en arrière en toute confiance.
Document JSON brut
{"server": "node-1", "active": false}Exemple de sortie
// Mutated via Tree: Toggle 'active' to true and add 'port': 8080
{
"server": "node-1",
"active": true,
"port": 8080
}Quelles options et quels cas limites Éditer du JSON prend en charge ?
| Paramètre | Type | Valeur par défaut | Comportement et cas limites |
|---|---|---|---|
| Modification de clé en ligne | Action | Cliquez pour modifier | Cliquez sur n’importe quelle clé de propriété dans la vue en arborescence pour la renommer dans tout le document. |
| Modification de valeur en ligne | Action | Cliquez pour modifier | Modifiez directement les valeurs scalaires. Les booléens basculent d’un clic ; les nombres restent des nombres. |
| Ajouter un enfant | Action | Bouton + | Ajoute une nouvelle propriété aux objets ou un nouvel élément aux tableaux. |
| Supprimer le nœud | Action | Bouton Corbeille | Supprime en toute sécurité une paire clé-valeur ou un index de tableau sans laisser de virgules finales. |
| Annuler / Rétablir | Historique | Pile linéaire | Préserve l’historique complet des états pour les opérations texte et arborescence. |
Questions fréquentes
Peut-on passer librement de la vue arbre à la vue texte ?
Oui ! Vous pouvez afficher les deux simultanément côte à côte, ou basculer entre la vue Arbre en plein écran et la vue Texte en plein écran via les onglets de vue.
Que se passe-t-il si je saisis du JSON invalide dans la vue texte ?
L’éditeur affiche immédiatement une bannière d’erreur de syntaxe avec ligne, colonne et curseur, tout en préservant le dernier état valide de l’arbre afin que votre flux de travail ne soit jamais interrompu.
Mon JSON édité est-il stocké sur un serveur externe ?
Non. Toute l’analyse, le rendu de l’arbre et la sérialisation s’exécutent entièrement dans la mémoire de votre navigateur. Aucune donnée n’est jamais enregistrée ni transmise à distance.
Pourquoi mon JSON refuse-t-il de s’analyser alors qu’il a l’air correct ?
Trois causes expliquent presque tout cela : une virgule finale après le dernier élément, des apostrophes (guillemets simples) là où le JSON exige des guillemets doubles, et des « guillemets intelligents » courbés collés depuis un traitement de texte ou un client de discussion. La bannière d’erreur donne la ligne et la colonne du premier caractère fautif, et c’est là qu’il faut regarder — l’erreur se situe généralement une ligne au-dessus de là où on l’attendait.
Quelle taille de document JSON puis-je éditer ici ?
Jusqu’à 8 MB. L’édition s’exécute sur le thread principal de la page pour que l’arbre puisse suivre votre saisie, et au-delà de cette taille un onglet du navigateur cesse de se redessiner au lieu de finir le travail. L’outil refuse le document avec un message clair plutôt que de se figer ; pour plus grand, l’outil Comparateur JSON s’exécute dans un Web Worker et en accepte bien plus.
L’édition réordonne-t-elle mes clés ou reformate-t-elle le document ?
Non. Les clés gardent l’ordre dans lequel elles sont arrivées et la vue texte vous rend exactement ce que vous avez tapé, espaces compris. Le reformatage n’a lieu que si vous le demandez ailleurs — le Formateur JSON est l’outil qui indente, trie les clés et supprime délibérément les commentaires.