Beautifully typeset math made easy
Clone or download
Latest commit bb801c6 Oct 25, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Fleshing out the documentation and fixing various typos. Jun 13, 2017
assets Updated README with new screenshot. Mar 25, 2018
css Fix unappropriate position of ML_popover Sep 11, 2018
dist Updated mathlive.js Oct 25, 2018
docs Updated mathlive.js Oct 25, 2018
examples Remove key Sep 15, 2018
src Fix #93 Oct 25, 2018
test Improved Read Aloud support Jun 11, 2018
tutorials Added some functions Jun 7, 2018
.babelrc Support for bundling to dist/ via webpack Jun 15, 2017
.codeclimate.yml Fix codeclimate configuration file. Jun 22, 2017
.editorconfig Fleshing out the documentation and fixing various typos. Jun 13, 2017
.eslintrc.json Turns out that bitwise operations are sometimes useful Jun 8, 2018
.gitignore Improved build system, including minimification of css. Improved docu… Jun 17, 2017
.npmignore Added .npmignore to avoid including files non-essential to the package Jun 19, 2017
.travis.yml chore(travis): whitelist greenkeeper branches Jun 30, 2017
AUTHORS Added .npmignore to avoid including files non-essential to the package Jun 19, 2017
CHANGELOG.md Updated Changelog Apr 11, 2018
CODE_OF_CONDUCT.md hello, world Jun 13, 2017
CONTRIBUTING.md Fleshing out the documentation and fixing various typos. Jun 13, 2017
LICENSE.txt hello, world Jun 13, 2017
README.md Typo Apr 18, 2018
WELCOME.md Typo Apr 18, 2018
jsdoc.conf.json Re-render static math when fonts have loaded. Jul 2, 2017
npm-shrinkwrap.json Chore: updated module dependencies Sep 13, 2018
package.json Chore: updated module dependencies Sep 13, 2018
postcss.config.js CSS minimification: avoid merging of idents, which messes with keyfra… Jun 22, 2017
webpack.config.js Revert to WebPack 3. Mar 5, 2018
yarn.lock Updated dependencies and docs. Sep 14, 2017

README.md

Build Status David Greenkeeper badge Maintenance GitHub license

Screenshot

MathLive is a JavaScript library to render and edit math.

  • Fast and small
  • TEX-quality typesetting
  • Easy to use interface for math editing
  • Works great on desktop and on mobile devices thanks to a extensive set of virtual keyboards.
  • Comprehensive APIs, including generation of LATEX, MathML and Abstract Syntax Tree (MASTON)
  • And it is easy to customize to your needs! Try it at mathlive.io!
The popover panel A Virtual Keyboard
The Loop Equation

How To Use MathLive

To display math

You can use MathLive to simply render math equations by adding a few lines to your web page.

<!doctype html><html lang="en-US">
<head>
    ...
    <link rel="stylesheet" href="mathlive.core.css">
    <link rel="stylesheet" href="mathlive.css">
</head>
<body>
    <h1>Euler's Identity</h1>
    <p>$$e^{i\pi} + 1 = 0$$</p>

    <script src="mathlive.js"></script>
    <script>
        MathLive.renderMathInDocument();
    </script>
</body>
</html>

To edit math

You can also incorporate a “math field” to edit math just like you would edit text. The MathLive APIs allow you to interact with the math field, including extracting its content, inserting placeholders and more.

<!DOCTYPE html><html lang="en-US">
<head>
    ...
    <link rel="stylesheet" href="mathlive/mathlive.core.css">
    <link rel="stylesheet" href="mathlive/mathlive.css">
</head>
<body>
    <div id='mathfield'>
        f(x)=
    </div>

    <script src="mathlive/mathlive.js"></script>
    <script>
        const mathfield = MathLive.makeMathField('mathfield');
    </script>
</body>
</html>

How You Can Help

  • Something wrong? Got ideas for new features? Write up an issue. Read about Contributing and follow our Code of Conduct
  • Want to use MathLive in your web page? The Usage Guide has all the details.
  • Want to contribute some code for an issue or a feature? Read the Contributor Guide and the docs. Looking for inspiration? Pick one of those open issues for beginners

More Questions?

License

This project is licensed under the MIT License.