JavaScript Component For Beautifying JSON Data – JSON Schema View

JSON Schema View is a pure JavaScript component that parses, format, beautify, render your JSON schema in a more readable tree view structure. Based on JSON Formatter.

How to use it:

Load the JSON Formatter and JSON Schema View’s JS & CSS files in your document.

<script src="json-formatter-js/dist/bundle.js"></script>
<script src="dist/bundle.js"></script>
<link rel="stylesheet" href="json-formatter-js/dist/style.css">
<link rel="stylesheet" href="dist/style.css">

API.

// schema (Object) - The JSON Schema object.
// pen (Number) - Default: 1 This number indicates up to how many levels the rendered tree should expand. Set it to 0 to make the whole tree collapsed or set it to Infinity to expand the tree deeply.
JSONSchemaView(schema [, open ])

Changelog:

08/01/2018

• v2.0.0