JSON Editor - Use JSON Schema to generate HTML form

Discuss general web development questions. Help others and get help from others.

Moderator: kfury77

JSON Editor - Use JSON Schema to generate HTML form

Postby pmk65 » Tue Dec 04, 2018 4:41 pm

JSON-Editor

Image

JSON Editor takes a JSON Schema and uses it to generate an HTML form.
It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, materialize and jQueryUI).

GitHub: https://github.com/json-editor/json-editor

Also check out the interactive demo: https://json-editor.github.io/json-editor/
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
pmk65
 
Posts: 672
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Re: JSON Editor - Use JSON Schema to generate HTML form

Postby pety » Wed Dec 05, 2018 10:29 am

Awesome, thanks !
pety
 
Posts: 186
Joined: Fri Mar 02, 2012 7:17 pm

Re: JSON Editor - Use JSON Schema to generate HTML form

Postby lumuss » Thu Mar 07, 2019 10:15 am

JSON Editor takes a JSON Schema and uses it to generate an HTML form.
It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, materialize and jQueryUI).

GitHub: https://github.com/json-editor/json-editor

Also check out the interactive demo: https://json-editor.github.io/json-editor


Thanks for sharing. Is Ace Editor required as well? Where can I find the example?
User avatar
lumuss
 
Posts: 1
Joined: Thu Mar 07, 2019 10:09 am

Re: JSON Editor - Use JSON Schema to generate HTML form

Postby pmk65 » Thu Mar 07, 2019 11:34 am

I made a Playground page for testing various aspects of the JSON-Editor. It includes several examples.
You can try it here: https://pmk65.github.io/jedemov2/dist/demo.html

ACE Editor is optional. If you don't need it, you don't load it :)
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
pmk65
 
Posts: 672
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Re: JSON Editor - Use JSON Schema to generate HTML form

Postby jonholland » Thu Aug 29, 2019 5:20 am

one question: how to store data in database that we are taking from json form
jonholland
 
Posts: 1
Joined: Thu Aug 29, 2019 5:15 am

Re: JSON Editor - Use JSON Schema to generate HTML form

Postby pmk65 » Sun Sep 01, 2019 2:11 pm

jonholland wrote:one question: how to store data in database that we are taking from json form


See: https://github.com/json-editor/json-editor/issues/419
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
pmk65
 
Posts: 672
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Re: JSON Editor - Use JSON Schema to generate HTML form

Postby Lebsack » Wed Feb 24, 2021 12:33 pm

The main idea for using JSON was down to the fact that you could store the schema in a database (MongoDB in our instance), have it edited easily and transferred to the client for rendering.

The main project it was built for had the requirement that the form may change very often and needs to be flexible etc. Therefore, we can just update the schema and push it out. A form builder can also be easily built to output the schema and have it render for render etc! Hope thats cleared some of the confusion up!


MyCCPay Login
Lebsack
 
Posts: 1
Joined: Wed Feb 24, 2021 12:32 pm


Return to Web Developer Talk

Who is online

Users browsing this forum: No registered users and 1 guest

cron