MathQuill

Easily type math in your webapp

Easily type math: demo typing

In your webapp:

Type math here:

LaTeX of what you typed:

<p>Type math here: <span id="math-field"></span></p>
<p>LaTeX of what you typed: <span id="latex"></span></p>

<script>
var mathFieldSpan = document.getElementById('math-field');
var latexSpan = document.getElementById('latex');

var MQ = MathQuill.getInterface(2); // for backcompat
var mathField = MQ.MathField(mathFieldSpan, {
  spaceBehavesLikeTab: true, // configurable
  handlers: {
    edit: function() { // useful event handlers
      latexSpan.textContent = mathField.latex(); // simple API
    }
  }
});
</script>

Usage

See the README on GitHub.

Community

We love offering help and receiving feedback:

Or, email us: maintainers@mathquill.com

Partners

Ongoing development is thanks to our innovative partners:

Use MathQuill? Partner with us so we can work more closely with you!

About

MathQuill is an open source formula editor for the Web maintained by @laughinghan and @stufflebear.

MathQuill was born of a need to communicate math. The creators, @laughinghan and @jneen, used LaTeX for projects together, but struggled to collaborate online once they were apart. They wanted a tool to both write and read math without resorting to ugly flat text or more cumbersome conventions.

After a couple of iterations, MathQuill had become widely useful. Today, MathQuill is used in educational software, math visualizations, collaborative editors, and more.