@json-editor/json-editor 2.13.1 → 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 (158) hide show
  1. package/CHANGELOG.md +17 -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 +418 -220
  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 +7 -2
  11. package/src/editor.js +15 -1
  12. package/src/editors/array/selectize.js +13 -0
  13. package/src/editors/array.js +16 -3
  14. package/src/editors/button.js +1 -0
  15. package/src/editors/checkbox.js +17 -1
  16. package/src/editors/info.js +1 -1
  17. package/src/editors/multiple.js +6 -1
  18. package/src/editors/multiselect.js +3 -2
  19. package/src/editors/object.js +24 -14
  20. package/src/editors/select.js +17 -5
  21. package/src/editors/starrating.js +5 -1
  22. package/src/editors/string.js +2 -2
  23. package/src/editors/table.js +3 -2
  24. package/src/theme.js +56 -4
  25. package/src/themes/barebones.js +1 -0
  26. package/src/themes/bootstrap3.js +49 -3
  27. package/src/themes/bootstrap4.js +38 -13
  28. package/src/themes/bootstrap5.js +37 -7
  29. package/src/themes/html.js +1 -0
  30. package/src/themes/spectre.js +15 -7
  31. package/src/validator.js +6 -4
  32. package/tests/codeceptjs/core_test.js +50 -0
  33. package/tests/codeceptjs/editors/array_test.js +7 -0
  34. package/tests/codeceptjs/editors/button_test.js +7 -1
  35. package/tests/codeceptjs/editors/checkbox_test.js +1 -1
  36. package/tests/codeceptjs/editors/integer_test.js +1 -1
  37. package/tests/codeceptjs/editors/multiselect_test.js +1 -1
  38. package/tests/codeceptjs/editors/number_test.js +1 -1
  39. package/tests/codeceptjs/editors/object_test.js +7 -0
  40. package/tests/codeceptjs/editors/radio_test.js +1 -2
  41. package/tests/codeceptjs/editors/rating_test.js +1 -2
  42. package/tests/codeceptjs/editors/select_test.js +1 -1
  43. package/tests/codeceptjs/editors/string_test.js +1 -1
  44. package/tests/codeceptjs/issues/issue-gh-1453_test.js +18 -0
  45. package/tests/codeceptjs/issues/issue-gh-1461_test.js +14 -0
  46. package/tests/codeceptjs/issues/issue-gh-1463_test.js +9 -0
  47. package/tests/codeceptjs/issues/issue-gh-1471_test.js +17 -0
  48. package/tests/codeceptjs/issues/issue-gh-812_test.js +2 -2
  49. package/tests/codeceptjs/meta-schema_test.js +1 -1
  50. package/tests/codeceptjs/schemaloader_test.js +1 -1
  51. package/tests/pages/advanced.html +1 -1
  52. package/tests/pages/anyof-2.html +1 -0
  53. package/tests/pages/anyof.html +4 -2
  54. package/tests/pages/array-anyof.html +5 -2
  55. package/tests/pages/array-checkboxes-infotext.html +5 -2
  56. package/tests/pages/array-checkboxes.html +5 -2
  57. package/tests/pages/array-choices.html +5 -2
  58. package/tests/pages/array-events-table.html +5 -2
  59. package/tests/pages/array-events.html +7 -3
  60. package/tests/pages/array-header-template.html +1 -0
  61. package/tests/pages/array-integers.html +5 -2
  62. package/tests/pages/array-multiselects.html +5 -2
  63. package/tests/pages/array-nested-arrays.html +5 -2
  64. package/tests/pages/array-numbers.html +5 -2
  65. package/tests/pages/array-objects.html +5 -2
  66. package/tests/pages/array-ratings.html +5 -2
  67. package/tests/pages/array-selectize-create.html +1 -0
  68. package/tests/pages/array-selectize.html +5 -2
  69. package/tests/pages/array-selects.html +5 -2
  70. package/tests/pages/array-strings.html +5 -2
  71. package/tests/pages/array-table-responsive.html +1 -0
  72. package/tests/pages/array-unique-items-sort.html +5 -2
  73. package/tests/pages/array.html +5 -2
  74. package/tests/pages/autocomplete.html +3 -1
  75. package/tests/pages/button-callbacks.html +4 -2
  76. package/tests/pages/button-icons.html +2 -1
  77. package/tests/pages/button_state_mode_1.html +1 -0
  78. package/tests/pages/button_state_mode_2.html +1 -0
  79. package/tests/pages/checkbox-labels.html +4 -2
  80. package/tests/pages/colorpicker-no-3rd-party.html +4 -2
  81. package/tests/pages/colorpicker-use-vanilla-picker.html +4 -2
  82. package/tests/pages/container-attributes.html +1 -0
  83. package/tests/pages/contains.html +1 -0
  84. package/tests/pages/core.html +5 -3
  85. package/tests/pages/datetime.html +2 -0
  86. package/tests/pages/dependentRequired.html +1 -0
  87. package/tests/pages/dependentSchemas.html +1 -0
  88. package/tests/pages/disable-button-in-object-editors.html +57 -0
  89. package/tests/pages/error-messages.html +1 -0
  90. package/tests/pages/form-name.html +4 -1
  91. package/tests/pages/grid-strict.html +3 -2
  92. package/tests/pages/grid.html +3 -2
  93. package/tests/pages/if-else.html +1 -0
  94. package/tests/pages/if-then-else-allOf.html +1 -0
  95. package/tests/pages/if-then-else-disable-fields.html +1 -0
  96. package/tests/pages/if-then-else.html +1 -0
  97. package/tests/pages/if-then.html +1 -0
  98. package/tests/pages/inheritance.html +6 -2
  99. package/tests/pages/integer.html +4 -2
  100. package/tests/pages/issues/_template.html +1 -1
  101. package/tests/pages/issues/issue-gh-1158-2.html +1 -1
  102. package/tests/pages/issues/issue-gh-1158.html +1 -1
  103. package/tests/pages/issues/issue-gh-1364.html +1 -1
  104. package/tests/pages/issues/issue-gh-1367.html +1 -1
  105. package/tests/pages/issues/issue-gh-1453.html +45 -0
  106. package/tests/pages/issues/issue-gh-1461.html +55 -0
  107. package/tests/pages/issues/issue-gh-1463.html +41 -0
  108. package/tests/pages/issues/issue-gh-1471.html +49 -0
  109. package/tests/pages/issues/issue-gh-812.html +3 -2
  110. package/tests/pages/issues/issue-gh-823-meta-schema.html +1 -1
  111. package/tests/pages/issues/issue-gh-848.html +1 -1
  112. package/tests/pages/keep_only_existing_values.html +1 -0
  113. package/tests/pages/load-events.html +1 -0
  114. package/tests/pages/maxContains.html +1 -0
  115. package/tests/pages/meta-schema.html +4 -0
  116. package/tests/pages/meta_schema.json +3 -0
  117. package/tests/pages/minContains.html +1 -0
  118. package/tests/pages/number.html +4 -2
  119. package/tests/pages/object-case-sensitive-property-search-false.html +2 -1
  120. package/tests/pages/object-case-sensitive-property-search-true.html +2 -1
  121. package/tests/pages/object-no-additional-properties.html +5 -2
  122. package/tests/pages/object-no-duplicated-id.html +2 -0
  123. package/tests/pages/object-required-properties.html +5 -3
  124. package/tests/pages/object-show-opt-in.html +3 -2
  125. package/tests/pages/object-with-dependencies-array.html +4 -2
  126. package/tests/pages/object-with-dependencies.html +2 -0
  127. package/tests/pages/object.html +5 -3
  128. package/tests/pages/oneof-2.html +1 -0
  129. package/tests/pages/oneof.html +4 -2
  130. package/tests/pages/option-dependencies.html +1 -0
  131. package/tests/pages/option-no_default_values.html +4 -2
  132. package/tests/pages/per-editor-options.html +1 -1
  133. package/tests/pages/programmatic-changes.html +4 -3
  134. package/tests/pages/range.html +4 -2
  135. package/tests/pages/read-only.html +36 -5
  136. package/tests/pages/ready.html +2 -1
  137. package/tests/pages/references.html +1 -1
  138. package/tests/pages/select.html +4 -3
  139. package/tests/pages/show-validation-errors.html +73 -0
  140. package/tests/pages/stepper-manual.html +4 -2
  141. package/tests/pages/stepper.html +4 -2
  142. package/tests/pages/string-ace-editor.html +4 -2
  143. package/tests/pages/string-cleave.html +4 -2
  144. package/tests/pages/string-custom-attributes.html +4 -2
  145. package/tests/pages/string-formats.html +4 -2
  146. package/tests/pages/string-formats2.html +4 -2
  147. package/tests/pages/string-jodit-editor.html +4 -2
  148. package/tests/pages/string-sceditor.html +4 -2
  149. package/tests/pages/string-simplemde-editor.html +4 -2
  150. package/tests/pages/table.html +4 -2
  151. package/tests/pages/tabs.html +1 -1
  152. package/tests/pages/themes.html +38 -52
  153. package/tests/pages/title-hidden.html +75 -0
  154. package/tests/pages/translate-property.html +2 -1
  155. package/tests/pages/urn.html +4 -2
  156. package/tests/pages/use-name-attributes.html +2 -1
  157. package/tests/pages/uuid.html +2 -0
  158. package/tests/pages/validation.html +2 -1
@@ -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
 
@@ -0,0 +1,73 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <title>showValidationErrors</title>
6
+ <script src="../../dist/jsoneditor.js"></script>
7
+ <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
8
+ <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
9
+ </head>
10
+ <body>
11
+
12
+ <div class="container">
13
+ <div id='editor-container'></div>
14
+ <div class="btn btn-success" id="set-valid-values">Set valid values</div>
15
+ <div class="btn btn-danger" id="set-invalid-values">Set invalid values</div>
16
+ </div>
17
+
18
+ <script>
19
+ const editorContainer = document.querySelector('#editor-container')
20
+ const schema = {
21
+ "type": "object",
22
+ "properties": {
23
+ "boolean-checkbox": {
24
+ "title": "boolean-checkbox",
25
+ "type": "boolean",
26
+ "format": "checkbox",
27
+ "const": true,
28
+ "default": false
29
+ },
30
+ "boolean-select": {
31
+ "title": "boolean-select",
32
+ "type": "boolean",
33
+ "const": true,
34
+ "default": false
35
+ },
36
+ "boolean-choices": {
37
+ "title": "boolean-choices",
38
+ "type": "boolean",
39
+ "format": "choices",
40
+ "const": true,
41
+ "default": false
42
+ }
43
+ }
44
+ }
45
+
46
+ const editor = new JSONEditor(editorContainer, {
47
+ schema: schema,
48
+ theme: 'bootstrap4',
49
+ iconlib: 'fontawesome'
50
+ })
51
+
52
+ const setValidValues = document.querySelector('#set-valid-values')
53
+ const setInvalidValues = document.querySelector('#set-invalid-values')
54
+
55
+ setValidValues.addEventListener('click', () => {
56
+ editor.setValue({
57
+ "boolean-checkbox": true,
58
+ "boolean-select": true,
59
+ "boolean-choices": true
60
+ })
61
+ })
62
+
63
+ setInvalidValues.addEventListener('click', () => {
64
+ editor.setValue({
65
+ "boolean-checkbox": false,
66
+ "boolean-select": false,
67
+ "boolean-choices": false
68
+ })
69
+ })
70
+ </script>
71
+
72
+ </body>
73
+ </html>
@@ -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>