JavaScript JSON editor online

A solution to view, edit, format, and validate JSON data. Web-based JavaScript JSON editor.

A good solution of JavaScript JSON editor

JSON Editor is a web-based tool to view, edit, format, and validate JSON. It has various modes such as a tree editor, a code editor, and a plain text editor. This editor can be used as a component in your own web application. The library can be loaded as CommonJS module, AMD module, or as a regular JS file.

Supported browsers: Chrome, Firefox, Safari, Opera, Edge, Internet Explorer 11.

A web-based tool to view, edit, format, and validate JSON!
A web-based tool to view, edit, format, and validate JSON!

JavaScript JSON editor has various modes, with the following features

Preview mode

Handle large JSON documents up to 500 MiB.
Transform JSON using JMESPath queries.
Format and compact JSON.
Repair JSON.
JSON schema validation (powered by ajv).

Code mode

Colorized code (powered by Ace).
Inspect JSON (powered by Ace).
Format and compact JSON.
Repair JSON.
JSON schema validation (powered by ajv).

Text mode

Format and compact JSON.
Repair JSON.
JSON schema validation (powered by ajv).

Tree mode

Change, add, move, remove, and duplicate fields and values.
Sort arrays and objects.
Transform JSON using JMESPath queries.
Colorized code.
Color picker.
Search & highlight text in the tree view.
Undo and redo all actions.
JSON schema validation (powered by ajv).

License: Apache License 2.0

Homepage

http://jsoneditoronline.org

GitHub

https://github.com/josdejong/jsoneditor

See also

jQuery convert JSON to grid plugin – Columns

SCEditor – a lightweight jQuery WYSIWYG editor

Medium.js – control of content editable

jQuery JSON form builder – HTML forms from JSON Schema

Enjoy!