JSON Editor Online - Documentation


JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in a code editor.

Supported browsers: Chrome, Firefox, Safari, Opera, Internet Explorer 8+.

Website: http://www.jsoneditoronline.cn.


The applications main menu contains options to clear, load and save the JSON contents of the application. Files can be loaded from disk or url, and can be saved to disk. Please note that due to security restrictions, the application can only open files from public websites, not from an intranet. The data policy is described here.

Main menu


The application contains two panels: a JSON Formatter on the left, and a JSON Editor on the right.

There is a splitter between the two panels, allowing to change the width of both panels according to ones needs. To copy the contents from one panel to an other, the two copy buttons between the panels can be used.


The JSON Formatter displays JSON data in a code editor. The Formatter is capable of formatting, compacting, and inspecting JSON.

The menu of the Formatter contains the following buttons:


The JSON Editor displays the JSON data in an editable tree. The editor makes it easy to create, duplicate, remove fields, and to edit the contents of the fields.

The menu of the editor contains the following functions:

The field values in the editor are editable input fields. The fields can be dragged up and down using the dragarea on the left side of the fields. When a field is the last item of the childs of an array or object, the field can also be dragged horizontally to move it in or out of the array or object.

Right from the dragarea is a button to open the actions menu. Depending on the type of field, the following functionality is available in the actions menu:

Shortcut keys

The JSON Editor supports shortcut keys for all available actions. The editor can be used by just a keyboard. The following short cut keys are available:

Alt+ArrowsMove the caret up/down/left/right between fields
Shift+Alt+ArrowsMove field up/down/left/right
Ctrl+DDuplicate field
Ctrl+DelRemove field
Ctrl+InsInsert a new field with type auto
Ctrl+Shift+InsAppend a new field with type auto
Ctrl+EExpand or collapse field
Alt+EndMove the caret to the last field
F3, Ctrl+G
Find next
Shift+F3, Ctrl+Shift+GFind previous
Alt+HomeMove the caret to the first field
Ctrl+MShow actions menu
Ctrl+ZUndo last action