- [x] A
**Web Component**easy to integrate in your project, regardless of the framework you use, or even if you use no framework - [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** - [x] Compatible with
**screen readers**, and includes custom math-to-speech support for improved**accessibility** - [x] Output to
**LaTeX**,**MathML**or**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 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>
```

- 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

- 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

- Join our Gitter community
- Drop a line to [email protected]

This project is licensed under the MIT License.

Get A Weekly Email With Trending Projects For These Topics

No Spam. Unsubscribe easily at any time.

Javascript (1,557,240)

Typescript (254,629)

Math (3,628)

Editor (2,663)

Webcomponents (2,118)

Custom Elements (597)

Related Projects