forked from rahulmukherjee85/JSON-Viewer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (38 loc) · 1.64 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
<!DOCTYPE HTML>
<html>
<head>
<title>Editor</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="cache-control" content="public,max-age=2592000">
<link rel="stylesheet" type="text/css" href="./dist/jsoneditor.min.css">
<link rel="stylesheet" type="text/css" href="./dist/bootstrap/css/bootstrap.min.css">
<link rel="icon" href="./dist/json.png">
<link rel="shortcut icon" href="./dist/json.png">
<style type="text/css">
code {
background-color: #f5f5f5;
}
</style>
</head>
<body style="height: 100vh;">
<div style="display: flex; flex-direction: column; height: 100%;">
<nav class="navbar navbar-expand-md navbar-dark bg-primary mb-4">
<a class="navbar-brand" href="/"><strong>JSON</strong> Viewer&Editor</a>
</nav>
<div class="alert alert-secondary" style="display: flex; align-items: baseline;">
<strong>Load from disk : </strong>
<input class="btn btn-outline " type="file" id="loadDocument" value="Load" accept=".json"/>
<input class="btn btn-primary " style="margin-left: auto;" type="button" id="saveDocument" value="Save" />
</div>
<div class="container-fluid" style="flex-grow: 1;">
<div class="row h-100">
<div class="col-12 .h-100" id="jsoneditor"></div>
</div>
</div>
</div>
</div>
<script src="./dist/jsoneditor.min.js"></script>
<script src="./dist/FileSaver.min.js"></script>
<script src="./dist/setting.min.js"></script>
</body>
</html>