As Editor

To use Jedison as a JSON editor, these options are required:

  • container specifies where the editor renders in your HTML. Without it, Jedison has no place to display the form. In the example, we attach it to <div id="jedison-container"> using document.querySelector.
  • theme defines the editor's visual style. While Jedison provides a default theme (new Jedison.Theme()), you must include this option—omitting it may break styling or functionality.
  • schema defines the validation rules. The editor will check JSON data against this schema.

Example

const jedison = new Jedison.Create({
    "schema": {
      "title": "Person",
      "type": "object",
      "properties": {
        "name": {
          "type": "string",
          "description": "The person's  name."
        },
        "age": {
          "description": "Age in years which must be equal to or greater than zero.",
          "type": "integer",
          "minimum": 0
        }
      }
    }
  })