Edit JSON in a proper editor with live validation, and see the same document as a tree.
Loading the tool...
How to use JSON Editor
Paste or upload your JSON on the left.
Edit the text. The right side refreshes automatically.
Click any key in the tree to copy its path, handy for code that needs to read that value.
Copy or download the cleaned-up result when you are done.
About JSON Editor
This editor keeps two views of your JSON side by side. On the left you type and edit text with line numbers. On the right you get a tree of the same data, which updates a moment after you stop typing.
If you introduce a mistake, the broken line is highlighted and the message explains what is wrong, so you never have to guess why the right side went blank.
Frequently asked questions
Can I edit values directly in the tree?
Not yet. The tree is read-only so that it cannot go out of sync with the text. Editing happens in the left box, and the tree follows.
Will my edits be saved if I close the tab?
No, nothing is stored on our side or in your browser. Download the result before you leave the page.
How do I find a specific key in a long document?
Open the tree view and use the search box. It looks through both keys and values and unfolds only the branches that contain a match.
Is there an undo?
Yes. The left box is a normal text area, so Ctrl+Z and Ctrl+Y work as you would expect.