-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (126 loc) · 5.52 KB
/
index.html
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<title>JSON Validator and Formatter - Free Online Tool</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Validate and format JSON data online easily with our free tool. Ensure your JSON code is error-free and well-structured for better readability and integration.">
<meta name="keywords"
content="JSON, validator, formatter, online tool, free, validate JSON, format JSON, JSON validation, JSON formatting, fix JSON, repair JSON">
<!-- Open Graph Tags (for social media sharing) -->
<meta property="og:title" content="JSON Validator and Formatter - Free Online Tool">
<meta property="og:description"
content="Validate and format JSON data online easily with our free tool. Ensure your JSON code is error-free and well-structured for better readability and integration.">
<meta property="og:image" content="https://github.com/vivek9237/json-validator/blob/main/icons/favicon.ico">
<meta property="og:url" content="https://vivek9237.github.io/json-validator/">
<meta property="og:type" content="website">
<!-- Twitter Card Tags (for Twitter sharing) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="JSON Validator and Formatter - Free Online Tool">
<meta name="twitter:description"
content="Validate and format JSON data online easily with our free tool. Ensure your JSON code is error-free and well-structured for better readability and integration.">
<meta name="twitter:image" content="https://github.com/vivek9237/json-validator/blob/main/icons/favicon.ico">
<meta name="twitter:url" content="https://vivek9237.github.io/json-validator/">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5RXW4LJ1D4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-5RXW4LJ1D4');
</script>
<link rel="shortcut icon" href="icons/favicon.ico" type="image/x-icon">
<link href="css/codemirror.css" rel="stylesheet">
<script src="js/codemirror.js"></script>
<link href="css/simplescrollbars.css" rel="stylesheet">
<script src="js/simplescrollbars.js"></script>
<script src="js/clipboard.js"></script>
<script src="js/panel.js"></script>
<script src="js/javascript.js"></script>
<script src="js/placeholder.js"></script>
<link href="css/jsonSchemaBuilder.css" rel="stylesheet">
<link href="css/dracula.css" rel="stylesheet">
<script src="js/fullscreen.js"></script>
<link href="css/fullscreen.css" rel="stylesheet">
<script type="text/javascript" src="js/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jshint/2.9.5/jshint.min.js"></script>
<style>
.CodeMirror {
border: 1px solid black;
}
.lint-error {
font-family: arial;
font-size: 80%;
background: rgb(247, 192, 192);
color: #a00;
font-weight: bold;
padding: 2px 5px 3px;
}
.lint-error-icon {
color: white;
background-color: rgb(247, 190, 190);
font-weight: bold;
border-radius: 50%;
padding: 0 3px;
margin-right: 7px;
}
</style>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
crossorigin="anonymous"></script>
<!-- JQuery CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<meta name="google-site-verification" content="IuSs37pUss7HK10KwJdAt4ah7w3hFrIt_V6KgN-ZwDM" />
</head>
<body style="background-color:black;">
<div class="container-fluid" style="height:100%">
<div class="container">
<textarea id="jsonSchemaArea" placeholder='{"Craft your JSON masterpiece":"💙"}'></textarea>
<br>
<div class="controls">
<label class="toggle">
<input id="minifyCheckbox" type="checkbox" checked>
<span class="slider"></span>
<span class="labels" data-on="Beautify" data-off="Minify"></span>
</label>
<label class="toggle">
<input id="wordwrapCheckbox" type="checkbox" checked>
<span class="slider"></span>
<span class="labels" data-on="Wrap" data-off="Unwrap"></span>
</label>
<label class="toggle">
<input id="escapeJsonCheckbox" type="checkbox">
<span class="slider"></span>
<span class="labels" data-on="Escape" data-off="Trap"></span>
</label>
<button type="button" id="fixJsons" class="controls__button_beta controls__button--minify">Fix
JSON</button>
<button type="button" id="copyJSONSchema"
class="controls__button controls__button--minify">Copy</button>
<button type="button" id="shareJsons" class="controls__button controls__button--minify">Share</button>
<button type="button" id="clearJsons" class="controls__button controls__button--minify">Clear</button>
<a href="https://github.com/vivek9237"><img
src="https://img.shields.io/badge/vivek9237-000000?style=for-the-badge&logo=GITHUB&logoColor=white"
style="max-width: 105%; height:130%;"></a>
</div>
<script type="module" src="js/jsonSchemaBuilder.js"></script>
</div>
</div>
</body>
</html>