-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (45 loc) · 2.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Markdown to HTML Tri-window</title>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/atom-one-dark.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="editor">
<div id="textArea"><textarea :value="input" @input="update"></textarea></div>
<div id="compiledHTML" v-html="compiledMarkdown"></div>
<div id="rawHTML">
<pre v-highlightjs="rawHTML"><code class="html" id="codeBlock" ></code></pre>
</div>
<hr>
<div class="links">
<a href="http://www.wiris.com/editor/demo/en/mathml-latex" target="_blank">Wiris Math Editor</a>
<a href="http://www.tablesgenerator.com/markdown_tables" target="_blank">Table Generator</a>
<a href="./reference.html">Markdown Guide</a>
</div>
<!-- <form action="https://codepen.io/pen/define" method="POST" target="_blank"> -->
<!-- <input type="hidden" name="data" value='{"title": "Markdown Math", "editors": "100", "html_pre_processor": "markdown", "css_external": "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css", "js_external": "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS_CHTML", "head": "<meta name=\"viewport\" content=\"width=device-width\">", "css": "body{padding:5px;}", "html": "<div class=\"container\">\n\n# Put Markdown Here\n\n\\\\(x^2+14 = 2\\\\)\n\n\</div>"}'> -->
<!-- <input type="submit" value="Codepen Mathjax" title="New Codepen with Markdown / Mathjax / Boostrap"> -->
<!-- </form> -->
<button v-on:click="resetls">Reset Template</button>
<button v-on:click="downloadHTML">Download HTML</button>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js'></script>
<script src="js/index.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WH6Q97ZSH3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WH6Q97ZSH3');
</script>
</body>
<!-- v-on:keyup.delete="update" -->
</html>