|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>Simple Markdown Converter w/ MathML Support | tait.tech</title>
|
|
|
<link rel="stylesheet" href="/assets/css/style.css" id="main-stylesheet">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="/assets/css/katex.css" id="math-stylesheet">
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/assets/css/markdown.css" />
|
|
|
|
|
|
<script defer="" src="/assets/js/md/remarkable.js"></script>
|
|
|
|
|
|
<script defer="" src="/assets/js/katex.js"></script>
|
|
|
|
|
|
<script defer="" src="/assets/js/katex/auto-render.js"></script>
|
|
|
|
|
|
<script defer="" src="/assets/js/katex/render-a11y-string.js"></script>
|
|
|
|
|
|
<script defer="" src="/assets/js/md/handlers.js"></script>
|
|
|
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
<main>
|
|
|
<div id="wrapper">
|
|
|
|
|
|
<h1 id="taits-simple-markdown-tool">Tait’s Simple Markdown Tool</h1>
|
|
|
|
|
|
<h2 id="info">Info</h2>
|
|
|
|
|
|
<ul>
|
|
|
<li>You can use <code class="language-plaintext highlighter-rouge">$...$</code> for inline math.</li>
|
|
|
<li>You can use <code class="language-plaintext highlighter-rouge">$$...$$</code> for “display mode” math.</li>
|
|
|
<li>Display mode will make the equation take up an entire line for itself, and it will display larger and more “formally”. It also allows you to have newlines without breaking up the expression, and/or the use of <code class="language-plaintext highlighter-rouge">\newline</code> to have a multi-line formula.</li>
|
|
|
<li>You can save the HTML or markdown for future use.</li>
|
|
|
<li>You can download the HTML or markdown for sharing with others.</li>
|
|
|
<li>Saving will save it to your browser’s local storage so when you load the page again–even after a reboot–it will be pre-populated with what you saved last.</li>
|
|
|
<li>Converting to HTML automatically saves both the markdown and the HTML.</li>
|
|
|
<li>This page is fully functional without an internet connection. Ctrl+s to save the page with its CSS and Javascript and you can use this tool offline.</li>
|
|
|
</ul>
|
|
|
|
|
|
<h2 id="editor">Editor</h2>
|
|
|
|
|
|
<p><label for="status">Status:</label>
|
|
|
<span id="status" aria-live="polite">OK</span></p>
|
|
|
|
|
|
<p><label for="markdown-input">Markdown input:</label></p>
|
|
|
|
|
|
<textarea id="markdown-input"></textarea>
|
|
|
<p><br /></p>
|
|
|
<h2 id="actions">Actions</h2>
|
|
|
|
|
|
<ul>
|
|
|
<li><button id="update-html">Update HTML</button></li>
|
|
|
<li><button id="save-markdown">Save Markdown</button></li>
|
|
|
<li><button id="save-html">Save HTML</button></li>
|
|
|
<li><button id="download-markdown">Download Markdown</button></li>
|
|
|
<li><button id="download-html">Download HTML</button></li>
|
|
|
</ul>
|
|
|
|
|
|
<h2 id="html-is-below-this-section-break">HTML is below this section break:</h2>
|
|
|
|
|
|
<hr />
|
|
|
|
|
|
<div id="html-output"></div>
|
|
|
|
|
|
<footer>
|
|
|
</footer>
|
|
|
</div>
|
|
|
</main>
|
|
|
</body>
|
|
|
</html>
|
