JSON Editor

What JSON Editor is

JSON Editor is a free JavaScript library that generates an HTML form from a JSON Schema. It supports JSON Schema versions 3 and 4, as well as some hyper-schema features, and provides a method to validate the current or a supplied value against its schema. Themes include HTML, Bootstrap 3, 4, and 5, Spectre, Tailwind, and barebones. Optional integrations include JavaScript template engines, CSS frameworks, icon libraries, and editors such as Ace, SimpleMDE, and SCEditor. The library can be installed with npm, loaded from a CDN, or downloaded for local use. It has no dependencies and requires a modern browser; Chrome and Firefox are listed as tested browsers. External schema references are supported, but cross-origin requests require suitable HTTP headers or supplied references. The project is in maintenance mode, with active development moved to Jedison; critical bugs and security issues remain in scope. The MIT License permits use, modification, distribution, and sale under its terms. DOMPurify is listed as an optional integration for sanitizing HTML used in titles, headers, and descriptions.

Who it suits

It suits developers who want to generate browser forms from JSON Schemas and validate values against them. Its range of themes and optional integrations may help teams fitting forms into different interfaces.

Getting started

1. Open the JSON Editor project website.
2. Install the library with npm, load it from a CDN, or download it for local use.
3. Use it in a modern browser.
4. Choose a supported theme and any optional integrations your project needs.
5. Provide a JSON Schema to generate a form and validate values.

Verdict

JSON Editor provides schema-based form generation, validation, and a range of themes as a free MIT-licensed library. New active development has moved to Jedison, though critical bugs and security issues remain in scope.