JSON object GUI

javascript, json, user-interface

Solution

I found this link with conventions for describing JSON: http://www.json-schema.org/

Searching for "JSON schema" led me to a number of solutions, and in particular this post:

GUI-based or Web-based JSON editor that works like property explorer

It was started two years ago, but is apparently well documented and kept up to date.

Also, a post from April 2012 on the ibm website:

http://www.ibm.com/developerworks/library/wa-jsonschema/index.html?cmp=dw&cpb=dwwdv&ct=dwnew&cr=dwnen&ccy=zz&csr=040512

Problem

I'd like to offer my users an interface to edit JSON objects. For example I have a JavaScript that calls Google charts with the following options: ``` var options={ chartType: "Pie", title:"Chart title", is3D:false, width:500, height:300, }; ``` Ideally my users should be able to modify the options themselves without having to look into the code. They would be presented with a UI automatically built from the object, where: - chartType is a select (Pie, Line, Bar) - title is a text input - is3D is a checkbox - etc. Are there libraries for this? If not, any suggestion to get started? I could of course build the form manually, but the idea is to have a generic solution that works for any object.

Original source

Related problems