markdown-it-katex
Version:
Fast math support for markdown-it with KaTeX
40 lines (36 loc) • 1.3 kB
HTML
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"/>
<style>
#input {
display: block;
font-size: 12pt;
padding-top: 0.5em;
padding-left: 0.1em;
font-family: monospace;
}
#button {
margin-top: 1em;
width: 120px;
height: 50px;
font-size: 14pt;
}
#output {
margin: 20px;
}
</style>
</head>
<body>
<textarea id="input" type="textarea" rows=15, cols=80 spellcheck="false">
# Maxwell's Equations
equation | description
----------|------------
$\nabla \cdot \vec{\mathbf{B}} = 0$ | divergence of $\vec{\mathbf{B}}$ is zero
$\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} = \vec{\mathbf{0}}$ | curl of $\vec{\mathbf{E}}$ is proportional to the rate of change of $\vec{\mathbf{B}}$
$\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} = \frac{4\pi}{c}\vec{\mathbf{j}} \nabla \cdot \vec{\mathbf{E}} = 4 \pi \rho$ | _wha?_
</textarea>
<button id="button">Mathdown!</button>
<div id="output" class="markdown-body"></div>
<script src="./bundle.js"></script>
</body>