@json-editor/json-editor 2.13.2 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +2 -1
  3. package/dist/jsoneditor.js +1 -1
  4. package/dist/jsoneditor.js.LICENSE.txt +1 -1
  5. package/dist/nonmin/jsoneditor.js +369 -195
  6. package/dist/nonmin/jsoneditor.js.map +1 -1
  7. package/docs/imask.html +1 -1
  8. package/docs/meta_schema.json +3 -0
  9. package/package.json +1 -1
  10. package/src/defaults.js +5 -1
  11. package/src/editor.js +14 -1
  12. package/src/editors/array/selectize.js +13 -0
  13. package/src/editors/array.js +9 -1
  14. package/src/editors/info.js +1 -1
  15. package/src/editors/multiple.js +6 -1
  16. package/src/editors/multiselect.js +3 -2
  17. package/src/editors/object.js +20 -3
  18. package/src/editors/select.js +1 -1
  19. package/src/editors/starrating.js +5 -1
  20. package/src/editors/string.js +2 -2
  21. package/src/editors/table.js +3 -2
  22. package/src/theme.js +56 -4
  23. package/src/themes/barebones.js +1 -0
  24. package/src/themes/bootstrap3.js +49 -3
  25. package/src/themes/bootstrap4.js +38 -13
  26. package/src/themes/bootstrap5.js +37 -7
  27. package/src/themes/html.js +1 -0
  28. package/src/themes/spectre.js +15 -7
  29. package/src/validator.js +4 -3
  30. package/tests/codeceptjs/core_test.js +11 -0
  31. package/tests/codeceptjs/editors/array_test.js +7 -0
  32. package/tests/codeceptjs/editors/button_test.js +1 -1
  33. package/tests/codeceptjs/editors/checkbox_test.js +1 -1
  34. package/tests/codeceptjs/editors/integer_test.js +1 -1
  35. package/tests/codeceptjs/editors/multiselect_test.js +1 -1
  36. package/tests/codeceptjs/editors/number_test.js +1 -1
  37. package/tests/codeceptjs/editors/object_test.js +7 -0
  38. package/tests/codeceptjs/editors/radio_test.js +1 -2
  39. package/tests/codeceptjs/editors/rating_test.js +1 -2
  40. package/tests/codeceptjs/editors/select_test.js +1 -1
  41. package/tests/codeceptjs/editors/string_test.js +1 -1
  42. package/tests/codeceptjs/issues/issue-gh-1471_test.js +17 -0
  43. package/tests/codeceptjs/issues/issue-gh-812_test.js +2 -2
  44. package/tests/codeceptjs/meta-schema_test.js +1 -1
  45. package/tests/codeceptjs/schemaloader_test.js +1 -1
  46. package/tests/pages/advanced.html +1 -1
  47. package/tests/pages/anyof-2.html +1 -0
  48. package/tests/pages/anyof.html +4 -2
  49. package/tests/pages/array-anyof.html +5 -2
  50. package/tests/pages/array-checkboxes-infotext.html +5 -2
  51. package/tests/pages/array-checkboxes.html +5 -2
  52. package/tests/pages/array-choices.html +5 -2
  53. package/tests/pages/array-events-table.html +5 -2
  54. package/tests/pages/array-events.html +7 -3
  55. package/tests/pages/array-header-template.html +1 -0
  56. package/tests/pages/array-integers.html +5 -2
  57. package/tests/pages/array-multiselects.html +5 -2
  58. package/tests/pages/array-nested-arrays.html +5 -2
  59. package/tests/pages/array-numbers.html +5 -2
  60. package/tests/pages/array-objects.html +5 -2
  61. package/tests/pages/array-ratings.html +5 -2
  62. package/tests/pages/array-selectize-create.html +1 -0
  63. package/tests/pages/array-selectize.html +5 -2
  64. package/tests/pages/array-selects.html +5 -2
  65. package/tests/pages/array-strings.html +5 -2
  66. package/tests/pages/array-table-responsive.html +1 -0
  67. package/tests/pages/array-unique-items-sort.html +5 -2
  68. package/tests/pages/array.html +5 -2
  69. package/tests/pages/autocomplete.html +3 -1
  70. package/tests/pages/button-callbacks.html +4 -2
  71. package/tests/pages/button-icons.html +2 -1
  72. package/tests/pages/button_state_mode_1.html +1 -0
  73. package/tests/pages/button_state_mode_2.html +1 -0
  74. package/tests/pages/checkbox-labels.html +4 -2
  75. package/tests/pages/colorpicker-no-3rd-party.html +4 -2
  76. package/tests/pages/colorpicker-use-vanilla-picker.html +4 -2
  77. package/tests/pages/container-attributes.html +1 -0
  78. package/tests/pages/contains.html +1 -0
  79. package/tests/pages/core.html +5 -3
  80. package/tests/pages/datetime.html +2 -0
  81. package/tests/pages/dependentRequired.html +1 -0
  82. package/tests/pages/dependentSchemas.html +1 -0
  83. package/tests/pages/disable-button-in-object-editors.html +1 -0
  84. package/tests/pages/error-messages.html +1 -0
  85. package/tests/pages/form-name.html +4 -1
  86. package/tests/pages/grid-strict.html +3 -2
  87. package/tests/pages/grid.html +3 -2
  88. package/tests/pages/if-else.html +1 -0
  89. package/tests/pages/if-then-else-allOf.html +1 -0
  90. package/tests/pages/if-then-else-disable-fields.html +1 -0
  91. package/tests/pages/if-then-else.html +1 -0
  92. package/tests/pages/if-then.html +1 -0
  93. package/tests/pages/inheritance.html +6 -2
  94. package/tests/pages/integer.html +4 -2
  95. package/tests/pages/issues/_template.html +1 -1
  96. package/tests/pages/issues/issue-gh-1158-2.html +1 -1
  97. package/tests/pages/issues/issue-gh-1158.html +1 -1
  98. package/tests/pages/issues/issue-gh-1364.html +1 -1
  99. package/tests/pages/issues/issue-gh-1367.html +1 -1
  100. package/tests/pages/issues/issue-gh-1471.html +49 -0
  101. package/tests/pages/issues/issue-gh-812.html +3 -2
  102. package/tests/pages/issues/issue-gh-823-meta-schema.html +1 -1
  103. package/tests/pages/issues/issue-gh-848.html +1 -1
  104. package/tests/pages/keep_only_existing_values.html +1 -0
  105. package/tests/pages/load-events.html +1 -0
  106. package/tests/pages/maxContains.html +1 -0
  107. package/tests/pages/meta-schema.html +4 -0
  108. package/tests/pages/meta_schema.json +3 -0
  109. package/tests/pages/minContains.html +1 -0
  110. package/tests/pages/number.html +4 -2
  111. package/tests/pages/object-case-sensitive-property-search-false.html +2 -1
  112. package/tests/pages/object-case-sensitive-property-search-true.html +2 -1
  113. package/tests/pages/object-no-additional-properties.html +5 -2
  114. package/tests/pages/object-no-duplicated-id.html +2 -0
  115. package/tests/pages/object-required-properties.html +5 -3
  116. package/tests/pages/object-show-opt-in.html +3 -2
  117. package/tests/pages/object-with-dependencies-array.html +4 -2
  118. package/tests/pages/object-with-dependencies.html +2 -0
  119. package/tests/pages/object.html +5 -3
  120. package/tests/pages/oneof-2.html +1 -0
  121. package/tests/pages/oneof.html +4 -2
  122. package/tests/pages/option-dependencies.html +1 -0
  123. package/tests/pages/option-no_default_values.html +4 -2
  124. package/tests/pages/per-editor-options.html +1 -1
  125. package/tests/pages/programmatic-changes.html +4 -3
  126. package/tests/pages/range.html +4 -2
  127. package/tests/pages/read-only.html +36 -5
  128. package/tests/pages/ready.html +2 -1
  129. package/tests/pages/references.html +1 -1
  130. package/tests/pages/select.html +4 -3
  131. package/tests/pages/stepper-manual.html +4 -2
  132. package/tests/pages/stepper.html +4 -2
  133. package/tests/pages/string-ace-editor.html +4 -2
  134. package/tests/pages/string-cleave.html +4 -2
  135. package/tests/pages/string-custom-attributes.html +4 -2
  136. package/tests/pages/string-formats.html +4 -2
  137. package/tests/pages/string-formats2.html +4 -2
  138. package/tests/pages/string-jodit-editor.html +4 -2
  139. package/tests/pages/string-sceditor.html +4 -2
  140. package/tests/pages/string-simplemde-editor.html +4 -2
  141. package/tests/pages/table.html +4 -2
  142. package/tests/pages/tabs.html +1 -1
  143. package/tests/pages/themes.html +38 -52
  144. package/tests/pages/title-hidden.html +75 -0
  145. package/tests/pages/translate-property.html +2 -1
  146. package/tests/pages/urn.html +4 -2
  147. package/tests/pages/use-name-attributes.html +2 -1
  148. package/tests/pages/uuid.html +2 -0
  149. package/tests/pages/validation.html +2 -1
@@ -646,6 +646,9 @@
646
646
  "default": {},
647
647
  "defaultProperties": {},
648
648
  "properties": {
649
+ "titleHidden": {
650
+ "type": "boolean"
651
+ },
649
652
  "enum_titles": {
650
653
  "type": "array",
651
654
  "uniqueItems": true,
@@ -10,6 +10,7 @@
10
10
  <body>
11
11
 
12
12
  <div class="container">
13
+ <h1>Test</h1>
13
14
  <div id='editor-container'></div>
14
15
  </div>
15
16
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Number</title>
@@ -10,7 +10,9 @@
10
10
  </head>
11
11
  <body>
12
12
 
13
- <textarea class="value" cols="30" rows="10"></textarea>
13
+ <h1>Test</h1>
14
+ <label for="value">value</label>
15
+ <textarea class="value" id="value" cols="30" rows="10"></textarea>
14
16
  <button class='get-value'>Get Value</button>
15
17
  <button class='set-value'>Set Value</button>
16
18
  <div class='json-editor-container'></div>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <title>Object case sensitive property search</title>
@@ -9,6 +9,7 @@
9
9
  </head>
10
10
  <body>
11
11
  <div class="container">
12
+ <h1>Test</h1>
12
13
  <a href="https://github.com/json-editor/json-editor/issues/1400">Object case sensitive property search</a>
13
14
  <div id='editor_holder'></div>
14
15
  </div>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <title>Object case sensitive property search</title>
@@ -9,6 +9,7 @@
9
9
  </head>
10
10
  <body>
11
11
  <div class="container">
12
+ <h1>Test</h1>
12
13
  <a href="https://github.com/json-editor/json-editor/issues/1400">Object case sensitive property search</a>
13
14
  <div id='editor_holder'></div>
14
15
  </div>
@@ -1,12 +1,15 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
+ <title>no additional properties</title>
4
5
  <meta charset="utf-8"/>
5
6
  <script src="../../dist/jsoneditor.js"></script>
6
7
  </head>
7
8
  <body>
8
9
 
9
- <textarea class="value" cols="30" rows="10"></textarea>
10
+ <h1>Test</h1>
11
+ <label for="value">value</label>
12
+ <textarea class="value" id="value" cols="30" rows="10"></textarea>
10
13
  <button class='get-value'>get value</button>
11
14
  <div class='container'></div>
12
15
 
@@ -9,7 +9,9 @@
9
9
  <body>
10
10
 
11
11
  <div class="container">
12
+ <h1>Test</h1>
12
13
  <div class="form-group">
14
+ <label for="value">Value</label>
13
15
  <textarea id="value" class="form-control" rows="10"></textarea>
14
16
  </div>
15
17
  <button id="get-value" class='btn btn-secondary'>get value</button>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <title>Object Required Properties</title>
5
5
  <meta charset="utf-8"/>
@@ -10,13 +10,14 @@
10
10
  <body>
11
11
 
12
12
  <div class="container">
13
+ <h1>Test</h1>
13
14
  <div class="row">
14
15
  <div class="col-md-8">
15
16
  <div class='json-editor-container'></div>
16
17
  </div>
17
18
  <div class="col-md-4">
18
19
  <div>
19
- <label>CSS Framework</label>
20
+ <label for="theme_switcher">CSS Framework</label>
20
21
  <select id='theme_switcher' class='form-control browser-default'>
21
22
  <option value='barebones'>Barebones</option>
22
23
  <option value='html'>HTML</option>
@@ -31,7 +32,8 @@
31
32
  <option value='materialize'>Materialize</option>
32
33
  </select>
33
34
  </div>
34
- <textarea class="value" style="width: 100%; height: 600px;"></textarea>
35
+ <label for="value">value</label>
36
+ <textarea id="value" class="value" style="width: 100%; height: 600px;"></textarea>
35
37
  <button class='get-value'>get value</button>
36
38
  <button class='set-value'>set value</button>
37
39
  <button class='set-empty-value'>set empty value</button>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <title>Object Required Properties</title>
5
5
  <meta charset="utf-8"/>
@@ -9,12 +9,13 @@
9
9
  <body>
10
10
 
11
11
  <div class="container">
12
+ <h1>Test</h1>
12
13
  <label for="show-opt-in">
13
14
  <span>show_opt_in</span>
14
15
  <input id="show-opt-in" type="checkbox">
15
16
  </label>
16
17
  <div id='json-editor-container'></div>
17
- <label for="value"></label>
18
+ <label for="value">Value</label>
18
19
  <textarea id="value" class="value" style="width: 100%; height: 300px;"></textarea>
19
20
  <button id='get-value'>get value</button>
20
21
  <button id='get-formatted-value'>get formatted value</button>
@@ -1,11 +1,13 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
+ <title>object with dependencies array</title>
4
5
  <meta charset="utf-8">
5
6
  <script src="../../dist/jsoneditor.js"></script>
6
7
  </head>
7
8
 
8
9
  <body>
10
+ <h1>Test</h1>
9
11
  <div id="editor"></div>
10
12
  <script>
11
13
  const schema = {
@@ -18,7 +20,7 @@
18
20
  'enum': ['a', 'b', 'c', 'd']
19
21
  },
20
22
  'question_1_feedback': {
21
- 'type': 'info',
23
+ 'format': 'info',
22
24
  'title': 'Question 1 is correct',
23
25
  "options": {
24
26
  "dependencies": {
@@ -36,7 +38,7 @@
36
38
  }
37
39
  },
38
40
  'question_2_feedback': {
39
- 'type': 'info',
41
+ 'format': 'info',
40
42
  'title': 'Question 2 is correct',
41
43
  "options": {
42
44
  "dependencies": {
@@ -1,11 +1,13 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
+ <title>object with dependencies</title>
4
5
  <meta charset="utf-8">
5
6
  <script src="../../dist/jsoneditor.js"></script>
6
7
  </head>
7
8
 
8
9
  <body>
10
+ <h1>Test</h1>
9
11
  <div id="editor"></div>
10
12
  <script>
11
13
  const schema = {
@@ -1,12 +1,14 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
+ <title>object</title>
4
5
  <meta charset="utf-8"/>
5
6
  <script src="../../dist/jsoneditor.js"></script>
6
7
  </head>
7
8
  <body>
8
-
9
- <textarea class="value" cols="30" rows="10"></textarea>
9
+ <h1>Test</h1>
10
+ <label for="value">value</label>
11
+ <textarea class="value" id="value" cols="30" rows="10"></textarea>
10
12
  <button class='get-value'>get value</button>
11
13
  <div class='container'></div>
12
14
 
@@ -10,6 +10,7 @@
10
10
  <body>
11
11
 
12
12
  <div class="container">
13
+ <h1>Test</h1>
13
14
  <label for="value">Value</label>
14
15
  <textarea class="form-control" id="value" rows="12" style="font-size: 12px; font-family: monospace;"></textarea>
15
16
  <button id="set-value">Set Value</button>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>oneOf</title>
@@ -10,7 +10,9 @@
10
10
  <body>
11
11
 
12
12
  <div class="container">
13
- <textarea class="value form-control" rows="10"></textarea>
13
+ <h1>Test</h1>
14
+ <label for="value">value</label>
15
+ <textarea id="value" class="value form-control" rows="10"></textarea>
14
16
  <button class='get-value'>Get Value</button>
15
17
  <button class='set-value'>Set Value</button>
16
18
  <div class='json-editor-container'></div>
@@ -10,6 +10,7 @@
10
10
  <body>
11
11
 
12
12
  <div class="container">
13
+ <h1>Test</h1>
13
14
  <div id='editor-container'></div>
14
15
  </div>
15
16
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>wysiwyg-sceditor</title>
@@ -13,7 +13,9 @@
13
13
  </head>
14
14
  <body>
15
15
 
16
- <textarea class="debug" cols="30" rows="10"></textarea>
16
+ <h1>Test</h1>
17
+ <label for="debug">Value</label>
18
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
17
19
  <button class='get-value'>Get Value</button>
18
20
  <div class='container'></div>
19
21
  <button class="force-change">Force onchange</button>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Per Editor Options</title>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Programmatic Changes</title>
@@ -7,13 +7,14 @@
7
7
  <link rel="stylesheet" href="assets/pages.css">
8
8
  </head>
9
9
  <body>
10
-
10
+ <h1>Test</h1>
11
11
  <div class="flex-row">
12
12
  <div class="flex-8">
13
13
  <div class='container'></div>
14
14
  </div>
15
15
  <div class="flex-4">
16
- <textarea class="value" cols="30" rows="30"></textarea>
16
+ <label for="value">Value</label>
17
+ <textarea class="value" id="value" cols="30" rows="30"></textarea>
17
18
  <div class="state"></div>
18
19
  <div>
19
20
  <button class='get-value'>Get Value</button>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Range</title>
@@ -11,7 +11,9 @@
11
11
  <body>
12
12
 
13
13
  <div class="container">
14
- <textarea class="value form-control" rows="10"></textarea>
14
+ <h1>Test</h1>
15
+ <label for="value">value</label>
16
+ <textarea id="value" class="value form-control" rows="10"></textarea>
15
17
  <button class='get-value'>Get Value</button>
16
18
  <button class='set-value'>Set Value</button>
17
19
  <div class='json-editor-container'></div>
@@ -1,12 +1,15 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
- <meta charset="utf-8"/>
5
- <script src="../../dist/jsoneditor.js"></script>
4
+ <title>readonly</title>
5
+ <meta charset="utf-8"/>
6
+ <script src="../../dist/jsoneditor.js"></script>
6
7
  </head>
7
8
  <body>
8
9
 
9
- <textarea class="debug" cols="30" rows="10"></textarea>
10
+ <h1>Test</h1>
11
+ <label for="debug">Value</label>
12
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
10
13
  <div class="state"></div>
11
14
  <button class='get-value'>Get Value</button>
12
15
  <div class='container'></div>
@@ -83,6 +86,34 @@
83
86
  "title": "button",
84
87
  "format": "button",
85
88
  "readOnly": true
89
+ },
90
+ "array": {
91
+ "type": "array",
92
+ "minItems": 2,
93
+ "readOnly": true,
94
+ "items": {
95
+ "readOnly": false,
96
+ "title": "string",
97
+ "type": "string",
98
+ "default": "some value"
99
+ }
100
+ },
101
+ "object": {
102
+ "type": "object",
103
+ "title": "Object",
104
+ "readOnly": true,
105
+ "properties": {
106
+ "string": {
107
+ "title": "string",
108
+ "type": "string",
109
+ "default": "some value"
110
+ },
111
+ "number": {
112
+ "title": "number",
113
+ "type": "number",
114
+ "default": 5.5
115
+ }
116
+ }
86
117
  }
87
118
  }
88
119
  };
@@ -91,7 +122,7 @@
91
122
  schema: schema
92
123
  });
93
124
 
94
- editor.on('ready',function() {
125
+ editor.on('ready', function () {
95
126
  state.innerText = 'READY'
96
127
  });
97
128
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Ready</title>
@@ -10,6 +10,7 @@
10
10
  <body>
11
11
 
12
12
  <div class="container">
13
+ <h1>Test</h1>
13
14
  <div class='json-editor-container'></div>
14
15
  </div>
15
16
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <title>References JSON Editor Example</title>
@@ -1,13 +1,14 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>wysiwyg-sceditor</title>
6
6
  <script src="../../dist/jsoneditor.js"></script>
7
7
  </head>
8
8
  <body>
9
-
10
- <textarea class="value" cols="30" rows="10"></textarea>
9
+ <h1>Test</h1>
10
+ <label for="value">value</label>
11
+ <textarea class="value" id="value" cols="30" rows="10"></textarea>
11
12
  <button class='get-value'>Get Value</button>
12
13
  <div class='container'></div>
13
14
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Stepper</title>
@@ -11,7 +11,9 @@
11
11
  <body>
12
12
 
13
13
  <div class="container">
14
- <textarea class="value form-control" rows="10"></textarea>
14
+ <h1>Test</h1>
15
+ <label for="value">value</label>
16
+ <textarea id="value" class="value form-control" rows="10"></textarea>
15
17
  <button class='get-value'>Get Value</button>
16
18
  <button class='set-value'>Set Value</button>
17
19
  <div class='json-editor-container'></div>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>Stepper</title>
@@ -11,7 +11,9 @@
11
11
  <body>
12
12
 
13
13
  <div class="container">
14
- <textarea class="value form-control" rows="10"></textarea>
14
+ <h1>Test</h1>
15
+ <label for="value">value</label>
16
+ <textarea id="value" class="value form-control" rows="10"></textarea>
15
17
  <button class='get-value'>Get Value</button>
16
18
  <button class='set-value'>Set Value</button>
17
19
  <div class='json-editor-container'></div>
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>string-ace-editor</title>
@@ -12,7 +12,9 @@
12
12
  </head>
13
13
  <body>
14
14
 
15
- <textarea class="debug" cols="30" rows="10"></textarea>
15
+ <h1>Test</h1>
16
+ <label for="debug">Value</label>
17
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
16
18
  <button class='get-value'>Get Value</button>
17
19
  <div class='container'></div>
18
20
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>string-cleave</title>
@@ -11,7 +11,9 @@
11
11
  </head>
12
12
  <body>
13
13
 
14
- <textarea class="debug" cols="30" rows="10"></textarea>
14
+ <h1>Test</h1>
15
+ <label for="debug">Value</label>
16
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
15
17
  <button class='get-value'>Get Value</button>
16
18
  <div class='container'></div>
17
19
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>wysiwyg-sceditor</title>
@@ -17,7 +17,9 @@
17
17
  </head>
18
18
  <body>
19
19
 
20
- <textarea class="debug" cols="30" rows="10"></textarea>
20
+ <h1>Test</h1>
21
+ <label for="debug">Value</label>
22
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
21
23
  <button class='get-value'>Get Value</button>
22
24
  <div class='container'></div>
23
25
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>wysiwyg-sceditor</title>
@@ -13,7 +13,9 @@
13
13
  </head>
14
14
  <body>
15
15
 
16
- <textarea class="debug" cols="30" rows="10"></textarea>
16
+ <h1>Test</h1>
17
+ <label for="debug">Value</label>
18
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
17
19
  <button class='get-value'>Get Value</button>
18
20
  <div class='container'></div>
19
21
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>wysiwyg-sceditor</title>
@@ -13,7 +13,9 @@
13
13
  </head>
14
14
  <body>
15
15
 
16
- <textarea class="debug" cols="30" rows="10"></textarea>
16
+ <h1>Test</h1>
17
+ <label for="debug">Value</label>
18
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
17
19
  <button class='get-value'>Get Value</button>
18
20
  <div class='container'></div>
19
21
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>string-jodit-editor</title>
@@ -13,7 +13,9 @@
13
13
  </head>
14
14
  <body>
15
15
 
16
- <textarea class="debug" cols="30" rows="10"></textarea>
16
+ <h1>Test</h1>
17
+ <label for="debug">Value</label>
18
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
17
19
  <button class='get-value'>Get Value</button>
18
20
  <div class='container'></div>
19
21
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>wysiwyg-sceditor</title>
@@ -17,7 +17,9 @@
17
17
  </head>
18
18
  <body>
19
19
 
20
- <textarea class="debug" cols="30" rows="10"></textarea>
20
+ <h1>Test</h1>
21
+ <label for="debug">Value</label>
22
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
21
23
  <button class='get-value'>Get Value</button>
22
24
  <div class='container'></div>
23
25
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <title>string-simple-mde-editor</title>
@@ -15,7 +15,9 @@
15
15
  />
16
16
  </head>
17
17
  <body>
18
- <textarea class="debug" cols="30" rows="10"></textarea>
18
+ <h1>Test</h1>
19
+ <label for="debug">Value</label>
20
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
19
21
  <button class="get-value">Get Value</button>
20
22
  <div class="container"></div>
21
23
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8"/>
5
5
  <title>table-confirm-delete</title>
@@ -7,7 +7,9 @@
7
7
  </head>
8
8
  <body>
9
9
 
10
- <textarea class="debug" cols="30" rows="10"></textarea>
10
+ <h1>Test</h1>
11
+ <label for="debug">Value</label>
12
+ <textarea id="debug" class="debug" cols="30" rows="10"></textarea>
11
13
  <button class='get-value'>Get Value</button>
12
14
  <div class='container'></div>
13
15
 
@@ -1,5 +1,5 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <title>Advanced JSON Editor Example</title>