JSON Schema Editor
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
-
Make sure React is loaded on your page. Read more at facebook/react.
-
Include JSON Schema Editor
- Using npm:
npm install json-schema-editor
import JSONSchemaEditor from 'json-schema-editor';
- Initialize the component
render() {
return (
<JSONSchemaEditor
data={{}}
onChange={console.log}
/>
);
}
Example
Here is what the product schema example looks like rendered.
Todo
- Add support for the description field.
- exclusiveMinimum and exclusiveMaximum, are these even necessary?
- refs
- definitions
- patternProperties
- allOf, anyOf, oneOf