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

Go to file

josdejong 9dda39df21 Moved source folders		2013-05-03 23:26:09 +02:00
app	Moved source folders	2013-05-03 23:26:09 +02:00
examples	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
img	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
jsoneditor	Moved source folders	2013-05-03 23:26:09 +02:00
misc	Docs and readme updated	2013-03-08 22:29:26 +01:00
test	Improved splitter: can now completely hide the panels. Added highlighting of the splitter.	2013-03-07 22:35:06 +01:00
tools	Created ant build script to generate zip files and build site	2012-08-16 22:25:18 +02:00
.gitignore	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
.npmignore	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
HISTORY.md	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
Jakefile.js	Moved source folders	2013-05-03 23:26:09 +02:00
LICENSE	first commit	2012-04-21 13:28:28 +02:00
NOTICE	Splitted jsoneditor.js and jsoneditor.css into multiple source files. Rearranged the folders a little, and updated the build script.	2013-01-01 20:54:07 +01:00
README.md	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
component.json	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
jsoneditor-min.css	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
jsoneditor-min.js	Moved source folders	2013-05-03 23:26:09 +02:00
jsoneditor.css	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
jsoneditor.js	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00
package.json	Replaced ant build script with jake build script. Files moved around. Created package.json and component.json	2013-05-03 22:55:15 +02:00

README.md

JSON Editor Online

http://jsoneditoronline.org/

Description

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.

Screenshot

Features

View and edit JSON side by side in a treeview and a code editor.
Edit, add, move, remove, and duplicate fields and values.
Change type of values.
Sort arrays and objects.
Colorized values, color depends of the value type.
Search & highlight text in the treeview.
Undo and redo all actions.
Load and save files and urls.
Format, compact, and inspect JSON in the code editor powered by Ace.
Library can be loaded as CommonJS module, AMD module, or as a regular javascript file.

Getting started

Web app: http://jsoneditoronline.org/
Chrome app: https://chrome.google.com/webstore/detail/json-editor/lhkmoheomjbkfloacpgllgjcamhihfaj
Wiki: https://github.com/josdejong/jsoneditoronline/wiki/
Downloads: http://jsoneditoronline.org/downloads/
Sourcecode: https://github.com/josdejong/jsoneditoronline/

Install

with npm:

npm install jsoneditor

with bower:

npm install bower

downloads:

http://jsoneditoronline.org/downloads/

Build

The code of the JSON Editor is located in the folder src. The code for the web application in app/web. To build the library from sourcecode, run

jake

in the root of the project. This will generate the files jsoneditor.js, jsoneditor.css, etc., and will create a folder build containing the zipped library and the built web application.