jsoneditor:jsoneditor_demo
This is an old revision of the document!
Table of Contents
JSON Editor Demo
This is example for the JSON Editor Plugin.
Schema definition
- element: json, id: sch, path: schema, inline data
Options for JSON editor
- element: json, id: opt, path: options, inline data
JSON Data for the form
- element: json, id: per, path: person, inline data
JSON Editor
{
"name": "Jeremy Dorn",
"age": 25,
"favorite_color": "#ffa500",
"gender": "male",
"date": "",
"location": [],
"pets": [
{
"type": "dog",
"name": "Walter"
}
]
}{
"name": "Jeremy Dorn",
"age": 25,
"favorite_color": "#ffa500",
"gender": "male",
"date": "",
"location": {
"city": "San Francisco"
},
"pets": [
{
"type": "dog",
"name": "Walter"
}
]
}{
"title": "Person",
"type": "object",
"required": [
"name",
"age",
"date",
"favorite_color",
"gender",
"location",
"pets"
],
"properties": {
"name": {
"type": "string",
"description": "First and Last name",
"minLength": 4,
"default": "Jeremy Dorn"
},
"age": {
"type": "integer",
"default": 25,
"minimum": 18,
"maximum": 99
},
"favorite_color": {
"type": "string",
"format": "color",
"title": "favorite color",
"default": "#ffa500"
},
"gender": {
"type": "string",
"enum": [
"male",
"female"
]
},
"date": {
"type": "string",
"format": "date",
"options": {
"flatpickr": []
}
},
"location": {
"type": "object",
"title": "Location",
"properties": {
"city": {
"type": "string",
"default": "San Francisco"
},
"state": {
"type": "string",
"default": "CA"
},
"citystate": {
"type": "string",
"description": "This is generated automatically from the previous two fields",
"template": "{{city}}, {{state}}",
"watch": {
"city": "location.city",
"state": "location.state"
}
}
}
},
"pets": {
"type": "array",
"format": "table",
"title": "Pets",
"uniqueItems": true,
"items": {
"type": "object",
"title": "Pet",
"properties": {
"type": {
"type": "string",
"enum": [
"cat",
"dog",
"bird",
"reptile",
"other"
],
"default": "dog"
},
"name": {
"type": "string"
}
}
},
"default": [
{
"type": "dog",
"name": "Walter"
}
]
}
}
}- element: jsoneditor, id: per_diff, path: person, inline data
jsoneditor/jsoneditor_demo.1698357176.txt.gz · Last modified: 2023/10/26 23:52 by 127.0.0.1
