Settings

Theme

Show HN: A 24kb standalone visual JSON editor for non-technical users

github.com

2 points by its-a-new-world 4 months ago · 1 comment

Reader

its-a-new-worldOP 4 months ago

Hi HN,

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

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection