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.
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 followings 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.