I wanted to provide a more user friendly way of filling in JSON configs that did not require knowledge of the json syntax. I couldn't really find what I was looking for in existing libraries so I created this project.
One of the design goals was to keep it small in size with no external dependencies. Currently the umd minified build clocks in at 23.9kb.
This includes a vanilla javascript implementation that uses standard form elements but it leaves room for wrapping it in vue/react/... specific implementations with custom fields and logic.
To better guide the user, it is advised (though not required) to provide a JSON Schema. This allows for contextually relevant field propositions, descriptions etc. Drag/drop support makes rearranging the json easy.
I wanted to provide a more user friendly way of filling in JSON configs that did not require knowledge of the json syntax. I couldn't really find what I was looking for in existing libraries so I created this project.
One of the design goals was to keep it small in size with no external dependencies. Currently the umd minified build clocks in at 23.9kb. This includes a vanilla javascript implementation that uses standard form elements but it leaves room for wrapping it in vue/react/... specific implementations with custom fields and logic.
To better guide the user, it is advised (though not required) to provide a JSON Schema. This allows for contextually relevant field propositions, descriptions etc. Drag/drop support makes rearranging the json easy.
The project itself: https://github.com/celerex/json-editor
A playground: https://celerex.github.io/json-editor/demo-playground.html