-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (68 loc) · 4.08 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
<!DOCTYPE html>
<html lang="en" >
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-23W574S2PH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-23W574S2PH');
</script>
<meta charset="UTF-8">
<title>Markdown Editor With WYSIWYG Controls And Live Preview</title>
<link rel="stylesheet" href="css/normalize.min.css">
<link rel='stylesheet' href='css/codemirror.css'>
<link rel='stylesheet' href='css/material.css'>
<link rel='stylesheet' href='css/material-design-iconic-font.min.css'>
<link rel='stylesheet' href='css/Material-Design-Iconic-Font.woff'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="app">
<header id="controls">
<div class="native-header">
<div class="title"> </div>
<div class="close"></div>
<div class="minimize"></div>
<div class="expand"></div>
<div class="license"> <i class="zmdi"></i><span></span></div>
</div>
<div class="tabcontrol">
<div class="tab1 active">
<div class="box"> <strong>Markdown Editor With WYSIWYG Controls And Live Preview</strong> </div>
</div>
<!--
<div class="tab2">
<div class="box">test</div>
</div>
-->
</div>
<div class="controls">
<div class="tabgroup"><a id="undo" title="Undo"><i class="zmdi zmdi-undo"></i></a><a id="redo" title="Redo"> <i class="zmdi zmdi-redo"></i></a></div>
<div class="tabgroup headlines"><a id="h1" title="Header 1"><i>h1</i></a><a id="h2" title="Header 2"> <i>h2</i></a><a id="h3" title="Header 3"><i>h3</i></a><a id="h4" title="Header 4"> <i>h4</i></a><a id="h5" title="Header 5"> <i>h5</i></a><a id="h6" title="Header 6"> <i>h6</i></a></div>
<div class="tabgroup"><a id="image" title="Insert Image"><i class="zmdi zmdi-image-o"></i></a><a id="link" title="Insert Link"> <i class="zmdi zmdi-google-earth"></i></a></div>
<div class="tabgroup"><a id="bold" title="Bold"><i class="zmdi zmdi-format-bold"></i></a><a id="italic" title="Italic"> <i class="zmdi zmdi-format-italic"></i></a><a id="strike" title="Strike Through"><i class="zmdi zmdi-format-strikethrough"></i></a><a id="bq" title="BlockQuote"> <i class="zmdi zmdi-format-quote"></i></a></div>
<div class="tabgroup"><a id="hr" title="Horizontal Ruler"><i class="zmdi zmdi-minus"></i></a><a id="bullets" title="Bullets"><i class="zmdi zmdi-format-list-bulleted"></i></a><a id="numbers" title="Numbers"><i class="zmdi zmdi-format-list-numbered"></i></a></div>
<div class="tabgroup"><a id="code" title="Code Inline"><i class="zmdi zmdi-code"></i></a><a id="codeblock" title="Code Block"><i class="zmdi zmdi-code-setting"></i></a></div>
<div class="tabgroup"><a id="grid" title="Insert Table"><i class="zmdi zmdi-grid"></i></a></div>
<div class="tabgroup" onclick="document.getElementById('fileInput').click();"><a id="open" title="Open File"><i class="zmdi zmdi-upload"></i></a><input id="fileInput" type="file" class="hidden" accept=".md,.mdown,.txt,.markdown" style="display: none;" /></div>
<div class="tabgroup" onclick="download()"><a id="save" title="Save File"><i class="zmdi zmdi-floppy"></i></a></div>
<div class="tabgroup"><a id="help" title=" Please select your text with the mouse and click on any of the Formatting Buttons above ( except for Image, Link, Horizontal Ruler and Table ). End your Lines with Two Spaces and Return Key, to Create a New Line Below. " style="color:white;"><i class="zmdi zmdi-pin-help"></i></a></div>
</div>
</header>
<div class="flex-container">
<textarea id="markdown" name="markdown" autofocus></textarea>
<div id="rendered">
<div id="output">test</div>
</div>
</div>
</div>
<script src='js/codemirror.js'></script>
<script src='js/xml.js'></script>
<script src='js/matchbrackets.js'></script>
<script src='js/marked.js'></script>
<script src='js/highlight.min.js'></script>
<script src="js/script.js"></script>
</body>
</html>