File: read-only.html

package info (click to toggle)
json-editor.js 1.3.2%2Bds-3
  • links: PTS, VCS
  • area: main
  • in suites: bookworm, trixie
  • size: 1,700 kB
  • sloc: javascript: 10,168; perl: 39; makefile: 5
file content (84 lines) | stat: -rw-r--r-- 1,830 bytes parent folder | download | duplicates (3)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <script src="../../dist/jsoneditor.js"></script>
</head>
<body>

<textarea class="debug" cols="30" rows="10"></textarea>
<button class='get-value'>Get Value</button>
<div class='container'></div>

<script>
  var container = document.querySelector('.container');
  var debug = document.querySelector('.debug');
  var getValue = document.querySelector('.get-value');

  var schema = {
    "type": "object",
    "title": "readOnly",
    "properties": {
      "string": {
        "title": "string",
        "type": "string",
        "readOnly": true,
        "default": "some value"
      },
      "number": {
        "title": "number",
        "type": "number",
        "readOnly": true,
        "default": 5.5
      },
      "integer": {
        "title": "integer",
        "type": "integer",
        "readOnly": true,
        "default": 5
      },
      "multiselect": {
        "title": "multiselect",
        "type": "array",
        "format": "multiselect",
        "uniqueItems": true,
        "readOnly": true,
        "items": {
          "type": "string",
          "enum": ["value1","value2"]
        }
      },
      "select": {
        "title": "select",
        "type": "boolean",
        "readOnly": true
      },
      rating: {
        "title": "rating",
        "readOnly": true,
        "type": "integer",
        "format": "rating",
        "maximum": "5",
        "exclusiveMaximum": false
      },
      checkbox: {
        "title": "checkbox",
        "format": "checkbox",
        "type": "boolean",
        "readOnly": true
      }
    }
  };

  var editor = new JSONEditor(container, {
    schema: schema
  });

  getValue.addEventListener('click', function () {
    debug.value = JSON.stringify(editor.getValue());
  });

</script>

</body>
</html>