-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
89 lines (64 loc) · 2.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Markdown TOC generate</title>
<link rel="stylesheet" href="style.css" />
<script async src="app.js"></script>
</head>
<body>
<h1>Markdown TOC generate</h1>
<p>
<a href="https://github.com/magnetikonline/markdown-toc-generate">
https://github.com/magnetikonline/markdown-toc-generate
</a>
</p>
<h2>Source markdown</h2>
<p>
<textarea id="markdown-source">
# Heading 01
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce magna enim, auctor nec ullamcorper nec, viverra a leo. Cras id scelerisque velit. Nunc scelerisque purus non semper scelerisque.
## Sub heading 01
Mauris eu sagittis nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc hendrerit dui ex, ac placerat nisl interdum sit amet.
## [Sub heading 02](#link)
Vestibulum vel sapien convallis, maximus neque ac, cursus quam. Vestibulum efficitur nisi quis arcu laoreet dapibus. Aliquam ornare tortor sit amet massa efficitur, nec ultricies felis imperdiet.
```
# fenced code block
```
Heading 02
====
Donec feugiat augue metus, at convallis odio volutpat ut. In feugiat odio ac urna vulputate, ut posuere lacus fringilla. In et porta lectus, eu efficitur magna.
Sub heading 03
----
# `single inline code line`
# `multiple` inline `code lines`
</textarea>
</p>
<p>
<label for="indent-style">Indent</label>
<select id="indent-style">
<option value="tab">Tabs</option>
<option value="space-1">Space [1]</option>
<option value="space-2">Space [2]</option>
<option value="space-3">Space [3]</option>
<option value="space-4">Space [4]</option>
</select>
</p>
<p>
<label for="skip-first-heading">Skip first heading</label>
<input id="skip-first-heading" type="checkbox" />
</p>
<p>
<button id="generate">Generate</button>
</p>
<h2>Table of contents</h2>
<p>
<textarea id="table-of-contents"></textarea>
</p>
<p class="hide">
<button id="copy-clipboard">Copy to clipboard</button>
</p>
</body>
</html>