JSON Schema Editor

$3

!npm badge

Generates HTML for creating and modifying json schemas. I created this because json-editor is not good at modifying schemas (using the meta schema) and couldn't find any other good UI for making json schemas.

Getting started

--------------------
1. Make sure React is loaded on your page. Read more at facebook/react.

2. Include JSON Schema Editor

- Using npm:

``sh
npm install json-schema-editor
`

`javascript
var JSONSchemaEditor = require('json-schema-editor');
`

- Old-fashioned style:

`html

`

3. Add an element to your page to contain the editor

`html



`

4. Initialize the component

`javascript
var element = document.getElementById('container');
var editor = new JSONSchemaEditor(element, {});
editor.setValue(product);
`

5. Get the value (generally after the user presses a button e.g. save)

`javascript
editor.getValue();
``

Example

-------------
Here is what the product schema example looks like rendered.

!JSON Schema Editor Example

Todo

* Add support for the description field.
* exclusiveMinimum and exclusiveMaximum, are these even necessary?
* refs
* definitions
* patternProperties
* allOf, anyOf, oneOf

Online Schema Tester