Wat het doet
De JSON-boomeditor maakt van een JSON-document een inklapbare boom die je direct kunt doorbladeren en bewerken. In plaats van in een lang tekstbestand naar een ontbrekende komma te zoeken, wijzig je een waarde in een klein invoerveld en schrijft de tool geldige JSON voor je.
Handig voor configuratiebestanden, API-responses, testfixtures en vertaalbestanden: alles waarbij je eerst de structuur moet begrijpen en daarna een paar precieze wijzigingen wilt maken.
Zo gebruik je het
- Plak JSON in de invoer links, of laad het voorbeeld.
- Verken de boom. Klik op het pijltje naast een object of array om het uit of in te klappen, en gebruik Niveaus uitklappen om te kiezen hoe diep de boom standaard openklapt.
- Bewerk ter plekke:
- Klik op een sleutel om hem te hernoemen. Sleutels houden hun positie in het object.
- Klik op een string of getal om het te wijzigen. Booleans hebben een menu met true of false.
- Gebruik het typemenu rechts op elke rij om een waarde in een ander JSON-type om te zetten.
- Klik op + om een kind aan een object of array toe te voegen, of op × om een node te verwijderen.
- Druk op Enter of klik ergens anders om een wijziging toe te passen, of op Escape om te annuleren.
- Kopieer de bijgewerkte JSON uit de invoer. De optie Inspringing bepaalt hoe die wordt opgemaakt.
Paden
Als je een rij selecteert, zie je het pad in JSONPath-stijl, zoals $.author.name of $.keywords[2], met een knop om het te kopiëren. Sleutels die geen gewone identifiers zijn, krijgen aanhalingstekens, bijvoorbeeld $["first name"]. Paden zijn handig als je code of queries schrijft die hetzelfde veld lezen, bijvoorbeeld met jq, optional chaining in JavaScript of een JSON-functie van een database.
Veilig bewerken
Bewerkingen leveren nooit ongeldige JSON op. Kan een wijziging niet worden toegepast, bijvoorbeeld een sleutel hernoemen naar een die al bestaat of letters typen in een getal, dan toont de tool een melding boven de boom en blijft je document ongewijzigd.
Bevat de JSON links een syntaxfout, dan wordt de boom vervangen door de fout met regel en kolom, zodat je de tekst kunt herstellen en verder kunt.
Veelgestelde vragen
› Worden mijn wijzigingen in de JSON-tekst opgeslagen?
Ja. Elke wijziging in de boom wordt direct teruggeschreven naar de JSON links, opgemaakt met de inspringing die je hebt gekozen, zodat je hem op elk moment kunt kopiëren of downloaden.
› Hoe voeg ik items toe of verwijder ik ze?
Gebruik de plusknop op een object- of arrayrij om een kind toe te voegen, en de kruisknop op een willekeurige rij om die te verwijderen. Nieuwe objectleden krijgen een tijdelijke sleutel zoals key of key2 die je kunt hernoemen.
› Wat gebeurt er als ik een type verander?
De tool behoudt zoveel mogelijk. Een getal wordt zijn tekst als je het in een string verandert, een array wordt een object met de indexen als sleutels, en een object wordt een array van zijn waarden.
› Wordt mijn JSON geüpload?
Nee. Parsen en bewerken gebeurt in je browser.