Json Editor Demo

This is a JSON Editor plugin for jQuery, it can init from a json object, transfroming from json to a visual tree , user can modify the tree by appending child node or leaf to a node, insert a brother node or leaf before a node or leaf, delete node or leaf , a json object can be parsed from the tree for programming.

It has 3 state and could be changed easily:

• init: parse the json to a tree which could be modified just by mouse
• input : swith the UI to a texteare with the string format of the json object,  which is more convenient to edit
• dump : swith the UI to a div with the string format of the json object

See Demo code : json-editor-demo.js

See jQuery plugin code : jquery.jsoneditor.js

Download Source: jsoneditor-source.rar