forked from konklone/json
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (105 loc) · 3.76 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
<!doctype html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JSON to CSV</title>
<meta name="og:title" content="JSON to CSV" />
<meta name="description" content="A simple, in-browser JSON viewer, and CSV converter." />
<meta name="og:description" content="A simple, in-browser JSON viewer and CSV converter." />
<meta name="author" content="Eric Mill" />
<meta name="twitter:creator" content="@konklone" />
<meta name="twitter:url" content="https://konklone.io/json/" />
<link rel="shortcut icon" href="/json/favicon.png" />
<link rel="canonical" href="https://konklone.io/json/" />
<!--
redirect users to the https version of the website.
but: only check when on the production domain.
-->
<script type="text/javascript">
var enforce = "konklone.io";
if ((enforce == window.location.host) && (window.location.protocol != "https:"))
window.location.protocol = "https";
</script>
<!-- jquery, jquery-csv,bootstrap -->
<script type='text/javascript' src='assets/jquery-2.1.1.min.js'></script>
<script src="assets/jquery.csv.js"></script>
<link href="assets/bootstrap.min.css" type="text/css" rel="stylesheet" />
<!-- site styles and JS -->
<link href="assets/site.css" type="text/css" rel="stylesheet" />
<link href="assets/github.css" type="text/css" rel="stylesheet" />
<script src="assets/site.js"></script>
<script src="assets/highlight.pack.js"></script>
<script src="assets/page.js"></script>
</head>
<body>
<h1>Convert JSON to CSV</h1>
<section class="json">
<p>
<span class="instruction editing">
Paste your JSON below.
</span>
<span class="instruction rendered">
Click your JSON below to edit.
</span>
<span class="save">
<a href="#">Create a permalink</a> any time.
</span>
<span>
Please <a target="_blank" href="https://github.com/konklone/json/issues">report bugs and send feedback</a> on GitHub.
</span>
<span>
Made by <a href="https://twitter.com/konklone">@konklone.</a>
</span>
</p>
<div class="areas">
<textarea class="editing"></textarea>
<pre class="rendered"><code></code></pre>
<div class="drop">DROP JSON HERE</div>
</div>
<div class="warning">
Extremely large files may cause trouble — the conversion is done inside your browser.
</div>
<div class="error">
There was an error parsing this JSON. If you're sure this JSON is valid, please
<a class="report" target="_blank"
href="https://github.com/konklone/json/issues/new">
file an issue</a>.
You can
<a class="save" href="#">create a permalink to the error</a>
any time.
</div>
</section>
<section class="tree">
<p class="instruction">
Your JSON data contains nested CSV data. Explore the tree and click on each leaf (blue link) to show the CSV table it represents.
</p>
<div class="display">
</div>
</section>
<section class="csv">
<p>
<span class="rendered">
Below are the first few rows (<span class="rows count"></span> total).
<a download="result.csv" href="#" class="download">
Download the entire CSV</a>,
or <a href="#" class="raw">show the raw data</a>.
</span>
<span class="editing">
Your JSON will appear below as a table.
</span>
</p>
<div class="areas">
<textarea class="editing" readonly></textarea>
<div class="table rendered">
<table></table>
</div>
</div>
</section>
<footer>
<p>
Thanks to <a href="https://twitter.com/benbalter">@benbalter</a> for help, and to <a href="https://twitter.com/onyxfish">@onyxfish</a> for the amazing <a href="https://csvkit.readthedocs.org/en/latest/scripts/in2csv.html">csvkit</a>.
The tree explorer was added by <a href="https://twitter.com/sebalis">sebalis</a>.
</p>
</footer>
</body>
</html>