Skip to content

cake221/mathlive

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

math live

MathLive

A Web Component for Math Input

Maintenance GitHub license Build Status

  • A Web Component, easy to integrate in your project, regardless of the framework you use, or even if you just use plain JavaScript
  • Edit math formulas with an easy to use interface
  • Beautiful, TeX-quality typesetting: over 800 LaTeX commands built-in
  • Designed for mobile devices with an extensive set of virtual keyboards for math input
  • Compatible with screen readers, and includes custom math-to-speech support for improved accessibility
  • Output to LaTeX, MathML and MathJSON (Abstract Syntax Tree) formats
  • 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.

About

A web component for easy math input

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 86.2%
  • JavaScript 5.2%
  • HTML 4.1%
  • Less 3.4%
  • Other 1.1%