@maieuticallabs/mathlive
TypeScript icon, indicating that this package has built-in type declarations

0.84.0 • Public • Published
math live

MathLive

A Web Component for Math Input

Maintenance GitHub license Build Status

  • [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/.

The popover panel A Virtual Keyboard
The Loop Equation

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

License

This project is licensed under the MIT License.

Dependencies (0)

    Dev Dependencies (34)

    Package Sidebar

    Install

    npm i @maieuticallabs/mathlive

    Weekly Downloads

    10

    Version

    0.84.0

    License

    MIT

    Unpacked Size

    6.56 MB

    Total Files

    42

    Last publish

    Collaborators

    • maieuticallabs