How to Create a form from a json-schema? [closed]

Answer 1

jsonform - Build forms from JSON Schema. Easily template-able. Compatible with Twitter Bootstrap out of the box.

https://github.com/joshfire/jsonform

Answer 2

Have a look at this demo of ngx-schema-form :

http://guillotina.io/ngx-schema-form/dist/ngx-schema-form/json

• Takes a JSON schema file
• Generates that into a fully working editable web page form
• Saves changes to the JSON model as a Javascript object
• Allows adding custom validator code for any section

This works really well for me (I only found it a couple of days ago). I use it with the latest Angular, and it is working exactly as documented. The examples source is here:

https://github.com/guillotinaweb/ngx-schema-form/tree/master/src/app/json-schema-example

Answer 3

Form generation from JSON Schema is a common practice, specially for automatically generated user interfaces.

In your case, if you are only interested in creating ONE form, maybe it will be better to directly code it.

Here is a library I have created that hopefully you find interesting:

json-forms:

JSON Schema to HTML form generator, supporting dynamic subschemas (on the fly resolution). Extensible and customizable library with zero dependencies. Bootstrap add-ons provided

Live demo at http://brutusin.org/json-forms

Answer 4

I have found https://form.io, it's by far, the most advanced project in this matter i have found. Draggable form creates the schema that renders. His core is opensourced.