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-tex
Via Bower:
bower install math-tex
Usage
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.
10 years ago