math-tex v1.0.0
math-tex 
math-tex is a web component for mathematical typesetting using TeX notation.
It is written for browsers that fully support the web components stack, 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.
Installation
Via npm:
npm install math-texVia Bower:
bower install math-texUsage
In 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>Browser support
math-tex is written for browsers that fully support the web components stack. In older browsers, it falls back to a <code> element that displays the TeX source code for the formula.
 |  |  |  |  |
|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✗ | Latest ✗ | Latest ✗ |
Author
 |
|---|
| Mathias Bynens |
License
math-tex is available under the MIT license.
11 years ago