

When to show validation errors in the UI. Version 3 and Version 4 of the draft specification are supported. If true, makes oneOf copy properties over when switching.Ī valid JSON Schema to use for the editor. If true, all schemas that don't explicitly set the required property will be required. Allows you to pre-define external schemas. If true, objects can only contain properties defined with the properties keyword.Īn object containing schema definitions for URLs.

See the CSS Integration section below for more info.
#Npm json editor full#
An full example name is `root` where "root" is the form_name_root. The first part of the `name` attribute of form inputs in the editor. If true, remove all Edit Properties buttons from objects. If true, remove all Edit JSON buttons from objects. If true, remove all collapse buttons from objects and arrays. If true, remove all "move up" and "move down" buttons from arrays. If true, remove all "delete row" buttons from arrays. If true, remove all "add row" buttons from arrays. If true, JSON Editor will load external URLs in $ref via ajax. Var editor = new JSONEditor(element, options) OptionsOptions can be set globally or on a per-instance basis during instantiation. Initialize var element = document.getElementById('editor_holder') For more under-the-hood documentation, check the wiki. The rest of this README contains detailed documentation about every aspect of JSON Editor. CSS Integration Example - integration.html.UsageIf you learn best by example, check these out: math.js for more accurate floating point math (multipleOf, divisibleBy, etc.).Selectize for nicer Select & Array boxes.EpicEditor for editing of Markdown content.SCEditor for WYSIWYG editing of HTML or BBCode content.A compatible icon library (bootstrap 2/3 glyphicons, foundation icons 2/3, jqueryui, or font awesome 3/4).

A compatible CSS framework for styling (bootstrap 2/3, foundation 3/4/5, or jqueryui).A compatible JS template engine (Mustache, Underscore, Hogan, Handlebars, Swig, Markup, or EJS).Optional RequirementsThe following are not required, but can improve the style and usability of JSON Editor when present. It only needs a modern browser (tested in Chrome and Firefox). RequirementsJSON Editor has no dependencies. It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, and jQueryUI).Ĭheck out an interactive demo (demo.html): ĭownload the production version min (22K when gzipped) or the development version max. JSON Editor takes a JSON Schema and uses it to generate an HTML form.
