❤
npm
Sign UpSign In

math-tex

1.0.0 • Public • Published

math-tex Dependency status

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.

Check out the demo.

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.

Opera Chrome Firefox IE Safari
Latest ✔ Latest ✔ Latest ✗ Latest ✗ Latest ✗

Author

twitter/mathias
Mathias Bynens

License

math-tex is available under the MIT license.

Readme

Keywords

Package Sidebar

Install

npm i math-tex

Repository

github.com/mathiasbynens/math-tex

Homepage

mths.be/math-tex

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • mathias
Try on RunKit
Report malware