-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (75 loc) · 4.28 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Markdown Online</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="lib/material-icons.css">
<link rel="stylesheet" href="lib/base16-light.css">
<link rel="stylesheet" href="codemirror/lib/codemirror.css">
<link rel="stylesheet" href="lib/default.css">
<link rel="stylesheet" href="lib/github-markdown.css">
<link rel="stylesheet" href="lib/spell-checker.min.css">
<link rel="stylesheet" href="lib/sweetalert.css">
<link rel="stylesheet" href="index.css">
</head>
<body id="toplevel">
<div id="in"><form><textarea id="code"># AI悦创在线 Markdown</textarea></form></div>
<div id="out" class="markdown-body"></div>
<div id="menu">
<span>Save As</span>
<div id="saveas-markdown">
<svg height="64" width="64" xmlns="http://www.w3.org/2000/svg">
<g transform="scale(0.0625)">
<path d="M950.154 192H73.846C33.127 192 0 225.12699999999995 0 265.846v492.308C0 798.875 33.127 832 73.846 832h876.308c40.721 0 73.846-33.125 73.846-73.846V265.846C1024 225.12699999999995 990.875 192 950.154 192zM576 703.875L448 704V512l-96 123.077L256 512v192H128V320h128l96 128 96-128 128-0.125V703.875zM767.091 735.875L608 512h96V320h128v192h96L767.091 735.875z" />
</g>
</svg>
<span>Markdown</span>
</div>
<div id="saveas-html">
<svg height="64" width="64" xmlns="http://www.w3.org/2000/svg">
<g transform="scale(0.0625) translate(64,0)">
<path d="M608 192l-96 96 224 224L512 736l96 96 288-320L608 192zM288 192L0 512l288 320 96-96L160 512l224-224L288 192z" />
</g>
</svg>
<span>HTML</span>
</div>
<a id="close-menu">×</a>
</div>
<div id="navbar">
<div id="navcontent">
<a id="logo" href = "http://book.bornforthi.com/markdown-editor/" tooltip = "Check out the code on Github!">
<p id="title" class="left">Markdown Online</p>
</a>
<p id="openbutton" title="上传你的 Markdown 文档" class="navbutton left" onclick="document.getElementById('fileInput').click();"><i class="material-icons">open_in_browser</i></p>
<input id="fileInput" type="file" class="hidden" accept=".md,.mdown,.txt,.markdown"/>
<p id="savebutton" title="Download" class="navbutton left" onclick="showMenu()"><i class="material-icons">file_download</i></p>
<p id="browsersavebutton" title="保存 MD" class="navbutton left" onclick="saveInBrowser()"><i class="material-icons">save</i></p>
<p id="sharebutton" title="创建分享连接" class="navbutton left" onclick="updateHash()"><i class="material-icons">share</i></p>
<p id="nightbutton" title="Night Mode" class="navbutton left" onclick="toggleNightMode(this)"><i class="material-icons">invert_colors</i></p>
<p id="readbutton" title="只显示渲染" class="navbutton left" onclick="toggleReadMode(this)"><i class="material-icons">chrome_reader_mode</i></p>
<p id="spellbutton" title="拼写检查" class="navbutton left selected" onclick="toggleSpellCheck(this)"><i class="material-icons">spellcheck</i></p>
<p id="newbutton" class="navbutton left hidden" onclick="clearEditor()">Clear</p>
<p id="sharebutton" class="navbutton left selected hidden">Share</p>
</div>
</div>
<script src="lib/markdown-it.js"></script>
<script src="lib/markdown-it-footnote.js"></script>
<script src="lib/highlight.pack.js"></script>
<script src="lib/emojify.js"></script>
<script src="codemirror/lib/codemirror.js"></script>
<script src="codemirror/overlay.js"></script>
<script src="codemirror/xml/xml.js"></script>
<script src="codemirror/markdown/markdown.js"></script>
<script src="codemirror/gfm/gfm.js"></script>
<script src="codemirror/javascript/javascript.js"></script>
<script src="codemirror/css/css.js"></script>
<script src="codemirror/htmlmixed/htmlmixed.js"></script>
<script src="codemirror/lib/util/continuelist.js"></script>
<script src="lib/spell-checker.min.js"></script>
<script src="lib/rawinflate.js"></script>
<script src="lib/rawdeflate.js"></script>
<script src = "lib/sweetalert.min.js"></script>
<script src="index.js"></script>
</body>
</html>