MathQuill is a web formula editor designed to make typing math easy and beautiful.
Originally written by Han, Jeanine, and Mary ([email protected]).
This version of MathQuill is completely rewritten using TypeScript, is built with Webpack, and is intended for use with the open-source online homework system WeBWorK.
MathQuill has a simple interface. This brief example creates a MathQuill element and renders, then reads a given input:
const MQ = MathQuill.getInterface();
const htmlElement = document.getElementById('some_id');
const config = {
handlers: { edit: () => { ... } },
restrictMismatchedBrackets: true
};
const mathField = MQ.MathField(htmlElement, config);
mathField.latex('2^{\\frac{3}{2}}'); // Renders the given LaTeX in the MathQuill field
mathField.latex(); // => '2^{\\frac{3}{2}}'
Check out the upstream Getting Started Guide for setup instructions and basic MathQuill usage.
Most documentation for MathQuill is located on ReadTheDocs.
To build mathquill, you will need a node.js installation. You can obtain it from nodejs.
To build MathQuill run:
npm install
npm run build
The resulting MathQuill build will be located in the dist
directory.
Additionally you can run npm run serve
which will automatically re-build and serve the demo, unit tests, and visual
tests.
Then you can enter http://localhost:9292/demo.html, http://localhost:9292/unit-test.html, http://localhost:9292/visual-test.html, http://localhost:9292/input-test.html, or just http://localhost:9292 in your browser to view the various available pages.
The Source Code Form of MathQuill is subject to the terms of the Mozilla Public License, v. 2.0: http://mozilla.org/MPL/2.0/
The quick-and-dirty is you can do whatever if modifications to MathQuill are in public GitHub forks. (Other ways to publicize modifications are also fine, as are private use modifications. See also: MPL 2.0 FAQ)