Skip to content

Commit 6d834bc

Browse files
author
tohosaku
committed
Fix demo
1 parent aa94c87 commit 6d834bc

File tree

12 files changed

+130
-161
lines changed

12 files changed

+130
-161
lines changed

‎docs/cleave.html‎

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -10,25 +10,17 @@
1010
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1111

1212
<!-- jQuery -->
13-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
14-
15-
<!-- Bootstrap3 -->
16-
<!-- Latest compiled and minified CSS -->
17-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
18-
<!-- Optional theme -->
19-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" >
20-
<!-- Latest compiled and minified JavaScript -->
21-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
22-
23-
<!-- Foundation
24-
<script type="text/javascript" src=""></script>
25-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.4/foundation.min.css" />
26-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" />
27-
-->
13+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
14+
15+
<!-- Bootstrap4 -->
16+
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
17+
18+
<!-- fontawesome5 -->
19+
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.6.1/css/all.css'>
2820

2921
<!-- Cleave.js -->
30-
<script src="https://cdn.jsdelivr.net/npm/cleave.js@1.4.7/dist/cleave.min.js" integrity="sha256-/vtm6dO6rn9i2XRWyrQX8uvtO0qHrkYiEuI5hNvFHHk=" crossorigin="anonymous"></script>
31-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cleave.js@1.4.7/dist/addons/cleave-phone.dk.js"></script>
22+
<script src="https://cdn.jsdelivr.net/npm/cleave.js@1.5.8/dist/cleave.min.js" crossorigin="anonymous"></script>
23+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cleave.js@1.5.8/dist/addons/cleave-phone.dk.js"></script>
3224
<!-- JSON-Editor -->
3325
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
3426

@@ -57,9 +49,9 @@ <h2>Example showing how to use Cleave.js to format your &lt;input/&gt; content w
5749
}
5850

5951
var options = {
60-
"theme": "bootstrap3",
52+
"theme": "bootstrap4",
6153
"template": "handlebars",
62-
"iconlib": "bootstrap3",
54+
"iconlib": "fontawesome5",
6355
"schema": {
6456
"title": "Cleave.js editor examples",
6557
"id": "test",

‎docs/colorpicker.html‎

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,14 @@
77
<!-- Enable responsive viewport -->
88
<meta name="viewport" content="width=device-width, initial-scale=1.0">
99

10-
<!-- jQuery -->
11-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
12-
13-
<!-- Bootstrap3 -->
14-
<!-- Latest compiled and minified CSS -->
15-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
16-
<!-- Latest compiled and minified JavaScript -->
10+
<!-- fontawesome5 -->
11+
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.6.1/css/all.css'>
1712

1813
<!-- JSON-Editor -->
1914
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
20-
<!-- JSON-Editor -->
21-
<script src="https://unpkg.com/vanilla-picker@2"></script>
15+
16+
<!-- vanilla picker -->
17+
<script src="https://cdn.jsdelivr.net/npm/vanilla-picker@2.10.1/dist/vanilla-picker.min.js" integrity="sha256-3fnRmJ7NTcR4T37E9L7tvEHuRHMGBdvnvlGq2CbRw80=" crossorigin="anonymous"></script>
2218
<style type="text/css">
2319
body {
2420
margin: 1em;
@@ -39,7 +35,7 @@ <h1>Colorpicker editor Example</h1>
3935
// Initialize the editor
4036
var editor = new JSONEditor(document.getElementById('editor_holder'), {
4137
theme: "html",
42-
iconlib: "bootstrap3",
38+
iconlib: "fontawesome5",
4339
disable_collapse: true,
4440
disable_edit_json: true,
4541
disable_properties: true,

‎docs/css_integration.html‎

Lines changed: 41 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -4,60 +4,60 @@
44
<meta charset="utf-8" />
55
<title>CSS Integration JSON Editor Example</title>
66

7-
<!-- Foundation CSS framework (Bootstrap and jQueryUI also supported) -->
8-
<link rel='stylesheet' href='//cdn.jsdelivr.net/foundation/5.0.2/css/foundation.min.css'>
9-
<!-- Font Awesome icons (Bootstrap, Foundation, and jQueryUI also supported) -->
10-
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css'>
7+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
8+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-exp.min.css">
9+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-icons.min.css">
1110

1211
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
1312

1413
<script>
1514
// Set the default CSS theme and icon library globally
16-
JSONEditor.defaults.theme = 'foundation5';
17-
JSONEditor.defaults.iconlib = 'fontawesome4';
15+
JSONEditor.defaults.theme = 'spectre';
16+
JSONEditor.defaults.iconlib = 'spectre';
1817
</script>
18+
<style>
19+
.container {
20+
max-width:960px;
21+
margin: 0 auto
22+
}
23+
</style>
1924
</head>
2025
<body>
21-
<div class='row'>
22-
<div class='medium-12 columns'>
23-
<h1>CSS Integration JSON Editor Example</h1>
26+
<div class='container'>
27+
<div class='columns'>
28+
<h1 class='col-md-12'>CSS Integration JSON Editor Example</h1>
2429
</div>
25-
</div>
26-
<div class='row'>
27-
<div class='medium-6 columns'>
28-
<p>JSON Editor supports these popular CSS frameworks:</p>
29-
<ul>
30-
<li>Bootstrap 2</li>
31-
<li>Bootstrap 3</li>
32-
<li>Foundation 3</li>
33-
<li>Foundation 4</li>
34-
<li>Foundation 5 (shown here)</li>
35-
<li>jQuery UI</li>
36-
</ul>
30+
<div class='columns'>
31+
<div class='column col-md-6'>
32+
<p>JSON Editor supports these popular CSS frameworks:</p>
33+
<ul>
34+
<li>bootstrap 4</li>
35+
<li>spectre.css (shown here)</li>
36+
<li>tailwind</li>
37+
</ul>
38+
</div>
39+
<div class='column col-md-6'>
40+
<p>JSON Editor supports these popular icon libraries:</p>
41+
<ul>
42+
<li>jQueryUI</li>
43+
<li>Font Awesome 3</li>
44+
<li>Font Awesome 4</li>
45+
<li>Font Awesome 5</li>
46+
<li>spectre.css (shown here)</li>
47+
</ul>
48+
</div>
3749
</div>
38-
<div class='medium-6 columns'>
39-
<p>JSON Editor supports these popular icon libraries:</p>
40-
<ul>
41-
<li>Bootstrap 2 Glyphicons</li>
42-
<li>Bootstrap 3 Glyphicons</li>
43-
<li>Foundicons 2</li>
44-
<li>Foundicons 3</li>
45-
<li>jQueryUI</li>
46-
<li>Font Awesome 3</li>
47-
<li>Font Awesome 4 (shown here)</li>
48-
</ul>
50+
<div class='columns'>
51+
<div class='column col-md-12'>
52+
<button id='submit' class='tiny'>Submit (console.log)</button>
53+
<button id='restore' class='secondary tiny'>Restore to Default</button>
54+
<span id='valid_indicator' class='label'></span>
55+
</div>
4956
</div>
50-
</div>
51-
<div class='row'>
52-
<div class='medium-12-columns'>
53-
<button id='submit' class='tiny'>Submit (console.log)</button>
54-
<button id='restore' class='secondary tiny'>Restore to Default</button>
55-
<span id='valid_indicator' class='label'></span>
57+
<div class='columns'>
58+
<div class='column col-md-12' id='editor_holder'></div>
5659
</div>
5760
</div>
58-
<div class='row'>
59-
<div id='editor_holder' class='medium-12 columns'></div>
60-
</div>
6161

6262
<script>
6363
// This is the starting value for the editor

‎docs/datetime.html‎

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -10,29 +10,21 @@
1010
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1111

1212
<!-- jQuery -->
13-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
13+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
1414

15-
<!-- Bootstrap3 -->
16-
<!-- Latest compiled and minified CSS -->
17-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
18-
<!-- Optional theme -->
19-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" >
20-
<!-- Latest compiled and minified JavaScript -->
21-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
15+
<!-- Bootstrap4 -->
16+
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
2217

23-
<!-- Foundation
24-
<script type="text/javascript" src=""></script>
25-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.4/foundation.min.css" />
26-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" />
27-
-->
18+
<!-- fontawesome5 -->
19+
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.12.1/css/all.css'>
2820

2921
<!-- Handlebars -->
30-
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.min.js"></script>
22+
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
3123

3224
<!-- Flatpickr -->
33-
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.5.1/flatpickr.min.js"></script>
34-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.5.1/flatpickr.min.css" />
35-
25+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.3/dist/flatpickr.min.css">
26+
<script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.3/dist/flatpickr.min.js" integrity="sha256-/irFIZmSo2CKXJ4rxHWfrI+yGJuI16Z005X/bENdpTY=" crossorigin="anonymous"></script>
27+
3628
<!-- JSON-Editor -->
3729
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
3830

@@ -68,9 +60,9 @@ <h2>Extended handling of date, time and datetime-local type fields.</h2>
6860
});
6961

7062
var options = {
71-
"theme": "bootstrap3",
63+
"theme": "bootstrap4",
7264
"template": "handlebars",
73-
"iconlib": "bootstrap3",
65+
"iconlib": "fontawesome5",
7466
"schema": {
7567
"title": "datetime editor examples",
7668
"id": "test",

‎docs/describedby.html‎

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,14 @@
88
<meta name="viewport" content="width=device-width, initial-scale=1.0">
99

1010
<!-- jQuery -->
11-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
11+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
1212

13-
<!-- Bootstrap3 -->
14-
<!-- Latest compiled and minified CSS -->
15-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
16-
<!-- Optional theme -->
17-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" >
18-
<!-- Latest compiled and minified JavaScript -->
19-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
13+
<!-- Bootstrap4 -->
14+
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
2015

16+
<!-- fontawesome5 -->
17+
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.12.1/css/all.css'>
18+
2119
<!-- JSON-Editor -->
2220
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
2321

@@ -38,9 +36,8 @@ <h1>Hyper-Link DescribedBy JSON Editor Example</h1>
3836

3937
// Initialize the editor
4038
var editor = new JSONEditor(document.getElementById("editor_holder"), {
41-
theme: "bootstrap3",
42-
iconlib: "bootstrap3",
43-
//show_errors: "always",
39+
theme: "bootstrap4",
40+
iconlib: "fontawesome5",
4441
disable_collapse: true,
4542
disable_edit_json: true,
4643
disable_properties: true,

‎docs/enumsource.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html>
33
<head>
44
<meta charset="utf-8" />
55
<title>JSON Editor enumSource Integration Example</title>
6-
<script src="../dist/jsoneditor.js"></script>
7-
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
6+
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
87
</head>
98

109
<body>

‎docs/radio.html‎

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,22 +10,14 @@
1010
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1111

1212
<!-- jQuery -->
13-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
14-
15-
<!-- Bootstrap3 -->
16-
<!-- Latest compiled and minified CSS -->
17-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
18-
<!-- Optional theme -->
19-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
20-
<!-- Latest compiled and minified JavaScript -->
21-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
22-
23-
<!-- Foundation
24-
<script type="text/javascript" src=""></script>
25-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.4/foundation.min.css" />
26-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" />
27-
-->
13+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
2814

15+
<!-- Bootstrap4 -->
16+
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
17+
18+
<!-- fontawesome5 -->
19+
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.12.1/css/all.css'>
20+
2921
<!-- JSON-Editor -->
3022
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
3123

@@ -128,9 +120,9 @@ <h2>String based Radio buttons</h2>
128120
<script type="text/javascript">
129121

130122
var options = {
131-
"theme": "bootstrap3",
123+
"theme": "bootstrap4",
132124
"template": "handlebars",
133-
"iconlib": "bootstrap3",
125+
"iconlib": "fontawesome5",
134126
"schema": {
135127
"title": "radio buttons editor examples",
136128
"type": "object",

‎docs/recursive.html‎

Lines changed: 15 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,22 @@
44
<meta charset="utf-8" />
55
<title>Recursive JSON Editor Example</title>
66

7-
<!-- Foundation CSS framework (Bootstrap and jQueryUI also supported) -->
8-
<link rel='stylesheet' href='//cdn.jsdelivr.net/bootstrap/3.2.0/css/bootstrap.css'>
9-
<!-- Font Awesome icons (Bootstrap, Foundation, and jQueryUI also supported) -->
10-
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css'>
7+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
8+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-exp.min.css">
9+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-icons.min.css">
1110

12-
<link rel='stylesheet' href='//cdn.jsdelivr.net/sceditor/1.4.3/jquery.sceditor.default.min.css'>
13-
<link rel='stylesheet' href='//cdn.jsdelivr.net/sceditor/1.4.3/themes/modern.min.css'>
14-
<script src='//cdn.jsdelivr.net/jquery/2.1.1/jquery.min.js'></script>
15-
<script src='//cdn.jsdelivr.net/sceditor/1.4.3/jquery.sceditor.min.js'></script>
16-
<script src='//cdn.jsdelivr.net/sceditor/1.4.3/plugins/xhtml.js'></script>
17-
18-
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
11+
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
12+
<style>
13+
.row {
14+
max-width:960px;
15+
margin: 0 auto;
16+
padding-bottom: 15px
17+
}
18+
</style>
1919
</head>
2020
<body>
2121
<div class='container'>
22-
<div class='row' style='padding-bottom: 15px;'>
22+
<div class='row'>
2323
<div class='col-md-12'>
2424
<h1>Recursive JSON Editor Example</h1>
2525

@@ -34,7 +34,7 @@ <h1>Recursive JSON Editor Example</h1>
3434
</ul>
3535
</div>
3636
</div>
37-
<div class='row' style='padding-bottom: 15px;'>
37+
<div class='row'>
3838
<div class='col-md-12'>
3939
<button id='submit' class='btn btn-info'>Submit (console.log)</button>
4040
<button id='restore' class='btn btn-info'>Restore to Default</button>
@@ -50,12 +50,10 @@ <h1>Recursive JSON Editor Example</h1>
5050
</div>
5151

5252
<script>
53-
JSONEditor.defaults.theme = 'bootstrap3';
54-
JSONEditor.defaults.iconlib = 'fontawesome4';
55-
JSONEditor.plugins.sceditor.style = "//cdn.jsdelivr.net/sceditor/1.4.3/jquery.sceditor.default.min.css";
56-
5753
// Initialize the editor
5854
var editor = new JSONEditor(document.getElementById('editor_holder'),{
55+
theme: 'spectre',
56+
iconlib: 'spectre',
5957
// The schema for the editor
6058
schema: {
6159
title: "Person",

‎docs/select2.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,11 @@
33
<head>
44
<meta charset="utf-8" />
55
<title>JSON Editor Select2 Integration Example</title>
6+
<!-- jQuery -->
7+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
8+
69
<script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
7-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
10+
811
<script src="https://cdn.jsdelivr.net/npm/select2@latest/dist/js/select2.min.js "></script>
912
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@latest/dist/css/select2.min.css">
1013
</head>

0 commit comments

Comments
 (0)