math-tex is a web component for mathematical typesetting using TeX notation.
It is written for [browsers that fully support the web components stack](http://caniuse.com/#search=web components), and falls back to a <code> element that displays the TeX source code for the formula in older browsers.
The typesetting itself is handled by the excellent KaTeX library.
Via npm:
npm install math-texIn your HTML document, import the web component in the <head>:
<link rel="import" href="math-tex.html"></script>In the <body> of that document you can now use <code is=math-tex>:
<p>
The equation for sample standard deviation is
<code is="math-tex">
s = \sqrt{\frac{1}{N-1} \sum_{i=1}^N (x_i - \overline{x})^2}
</code>.
</p>Creating such elements dynamically or updating their innerHTML / textContent properties programmatically also works the way you’d expect it to:
<script>
var element = document.createElement('code', 'math-tex');
element.textContent = 'k_{n+1} = n^2 + k_n^2 - k_{n-1}';
document.body.appendChild(element);
</script>math-tex is written for [browsers that fully support the web components stack](http://caniuse.com/#search=web components). In older browsers, it falls back to a <code> element that displays the TeX source code for the formula.
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✗ | Latest ✗ | Latest ✗ |
 |
|---|
| Mathias Bynens |
math-tex is available under the MIT license.