JSON Editor is a free online developer tool to view, edit, and format JSON data instantly with syntax highlighting and save it into a file including JSON Viewer for in-depth JSON data inspection.
You can either browse a JSON file locally from your device, fetch JSON data from an API to start editing, or enter JSON data manually.
Moreover, you can inspect the entire structure of JSON data using the JSON viewer
in a tree-like layout so that you can easily tell which data types are there in the JSON data.
Use the left
caret button (up
on mobile) to sync the JSON data in the JSON viewer with the JSON editor. Likewise, use the right
caret button (down
on mobile) to sync the JSON data in the JSON editor with the JSON viewer.
The following are shortcut keys to help you edit the code via the JSON viewer faster.
CTRL + Click
- Enter edit mode
CTRL + Enter
- Submit changes
However, for better performance, it's recommended to disable the JSON viewer when editing large JSON data. You can disable it by toggling the JSON viewer
option off. The screen will be automatically switched to fullwidth on desktop so that you get more space for the JSON editor.
Once done, you can also format the JSON data with your preferred indentation level or even minify it using the compact
option, and then copy or download the code as a JSON file to your device.
Please note that the main editor is the JSON editor not the JSON viewer, so the copy and download buttons are based on its input.