MathLive
A Web Component for Math Input
- [x] A Web Component, easy to integrate in your project, regardless of the framework you use, or even if you just use plain JavaScript
- [x] Edit math formulas with an easy to use interface
- [x] Beautiful, TeX-quality typesetting: over 800 LaTeX commands built-in
- [x] Designed for mobile devices with an extensive set of virtual keyboards for math input
- [x] Compatible with screen readers, and includes custom math-to-speech support for improved accessibility
- [x] Output to LaTeX, MathML and MathJSON (Abstract Syntax Tree) formats
- [x] And it is easy to customize to your needs!
Reference documentation and guides at cortexjs.io/mathlive.
Try it at cortexjs.io/mathlive/demo/.
Using MathLive
To add a mathfield element to 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"></script>
</body>
</html>
Documentation
- Quick Start
- Quick introduction to using MathLive in your project
- Interact with a mathfield
- Receive input and change the value of a mathfield
- Customize a mathfield
- Adapt the behavior and appearance of a mathfield to your needs
- Execute commands
- Send editing commands to a mathfield
- Define custom LaTeX macros
- Extend the LaTeX commands supported
- Manage inline and keyboard shortcuts
- Add or modify editing keyboard shortcuts
- Control speech output
- A mathfield can provide speech feedback to interact with it.
- Display static math formulas
- Display non-editable math formulas in your page
- Define custom virtual keyboards
- Customize or create new virtual (on-screen) keyboards
- Getting Started
- Everything you need to integrate the MathLive library to your project
- MathLive SDK
- Reference documentation of the MathLive API
Related Projects
- MathJSON (on GitHub)
- A lightweight data interchange format for mathematical notation.
- Compute Engine (on GitHub)
- The CortexJS Compute Engine performs calculations on MathJSON expressions
- Cortex (on GitHub)
- Cortex is a programming language for scientific computing
Contact Us
- Join our Gitter community
- Drop a line to arno@arno.org
License
This project is licensed under the MIT License.