JSON-CL/index.html at main · CaptureCoop/JSON-CL · GitHub

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
<html>
	<head>
		<title>JSON-CL</title>
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/editor.css">
		<script src="js/main.js"></script>
		<script src="js/editor.js"></script>
	</head>
	<body>
		<div align="center">
			<h1>JSON-CL</h1>
			<p>This tool allows you to have one changelog in JSON and format it to your needs.</p>
			<p>Currently it supports JSON to markdown, but we will add HTML soon too.</p>
			<p>We are using the code editor from <a href="https://medium.com/weekly-webtips/enable-line-numbering-to-any-html-textarea-35e15ea320e2" target="_blank">this</a> guide. Thanks!</p>
			<p>This website is hosted with GitHub Pages. You can find the source code <a href="https://github.com/CaptureCoop/JSON-CL" target="_blank">here</a>.</p>
			</br>
			<p>The JSON input needs to be formatted correctly in order to work.</p>
			<p>You can find the log under the code editor, which can help you if you are stuck.</p>
			<p><a href="./example-cl.json" target="_blank">Here's</a> an example json file.</p>
			</br></br>

			<label>JSON Input</label>
			<div style="width:60%">
				<textarea id='lineCounter' wrap='off' readonly>1.</textarea>
				<textarea id='codeEditor' wrap='off'></textarea>
			</div>
			<button onclick="parseJSON(true)">Parse</button>
			<button onclick="clearLog()">Clear log</button>
			<label>Log:</label>
			<label id="log"></label>

			<label style="margin-top:50px;">Markdown Output</label>
			<button onclick="copyMarkdown()">Copy</button>
			<button onclick="selectMarkdown()">Select all</button>

			<textarea id="markdownTextField" readonly></textarea>
		</div>
	</body>
</html>