MathLive is a JavaScript library to render and edit math.
Try it at mathlive.io!
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 type='module'>
import MathLive from 'dist/mathlive.mjs';
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 type='module'>
import MathLive from 'dist/mathlive.mjs';
MathLive.makeMathField('mathfield');
</script>
</body>
</html>
How You Can Help
More Questions?
License
This project is licensed under the MIT License.