Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mathlive

Package Overview
Dependencies
Maintainers
1
Versions
172
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mathlive

Render and edit beautifully typeset math

  • 0.26.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
48K
decreased by-25.85%
Maintainers
1
Weekly downloads
 
Created
Source
math live

Maintenance GitHub license

Build Status Greenkeeper badge David

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 an 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 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

  • 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 the good first issues

More Questions?

License

This project is licensed under the MIT License.

Keywords

FAQs

Package last updated on 04 Feb 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc