- A Web Component easy to integrate in your project, regardless of the framework you use (or even if you use no framework)
- Beautiful, TeX-quality typesetting
- Easy to use interface for formula editing
- Designed for mobile devices with an extensive set of virtual keyboards
- Accessility support: screen reader compatible, and includes custom math-to-speech support
- Outputs LaTeX, MathML and MathJSON (Abstract Syntax Tree)
- And it is easy to customize to your needs!
See cortexjs.io for more info or try it at mathlive.io
|
|
|
|
|
|
To add a mathfield element in your page use a <math-field> tag. It works
just like a <textarea> or <button>. You can manipulate the mathfield using
methods of the element and listen for events to be notified when its internal
state changes.
<!DOCTYPE html>
<html lang="en-US">
<body>
<math-field>f(x)=</math-field>
<script src="https://unpkg.com/mathlive/dist/mathlive.min.js"></script>
</body>
</html>Render static math equations by adding two lines to your web page.
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>Euler's Identity</h1>
<p>$$e^{i\pi} + 1 = 0$$</p>
<script type="module">
import { renderMathInDocument } from 'https://unpkg.com/mathlive/dist/mathlive.min.mjs';
renderMathInDocument();
</script>
</body>
</html>- Using MathLive in your project? Want to support the project ongoing maintenance? Consider making a donation with PayPal
- Something wrong? Got ideas for new features? Write up an issue. Read about Contributing and follow our Code of Conduct
- Want to contribute some code for an issue or a feature? Read the Contributor Guide and the docs. Looking for inspiration? Pick one of the good first issues
- Read the Getting Started Guide
- Look at some examples
- Read the API documentation
- Join our Gitter community
- Drop a line to arno@arno.org or /u/real_arnog
This project is licensed under the MIT License.