Json Object Editor Demo Page

Animal Objects

Show JOE
edit Cat
edit Cat(animal)
edit Dog(thing)
view Things | as Grid
edit Animals
Add Animal

With object lists

Default List
Add Animal List

City with geo + multiselect

Add City
View Cities

Sub Object

goJoe({subobject:{name:'hello2',age:10}},{schema:{fields:[{name:'subobject',type:'subobject'}]}}) Initial

Editing html Renderings

This div is editable

You can change any of the specs.

On save, it will replace the current div.

The shortcut function is replaceRendering(domElement,specs)

Text field

This is where joe goes. This container should be positioned relative/absolute. in the instantiation of joe, the container was set to this dom elements id.
Show Joe