Giter Site home page Giter Site logo

dannygreg / mathlive Goto Github PK

View Code? Open in Web Editor NEW

This project forked from arnog/mathlive

0.0 1.0 0.0 38.3 MB

A web component for easy math input

Home Page: https://cortexjs.io/mathlive

License: MIT License

Shell 0.64% JavaScript 5.01% TypeScript 86.14% CSS 0.45% HTML 4.32% Less 3.44%

mathlive's Introduction

math live

MathLive

A Web Component for Math Input

Maintenance GitHub license Build Status

  • A Web Component, easy to integrate in your project, regardless of the framework you use, or even if you just use plain JavaScript
  • Edit math formulas with an easy to use interface
  • Beautiful, TeX-quality typesetting: over 800 LaTeX commands built-in
  • Designed for mobile devices with an extensive set of virtual keyboards for math input
  • Compatible with screen readers, and includes custom math-to-speech support for improved accessibility
  • Output to LaTeX, MathML and MathJSON (Abstract Syntax Tree) formats
  • And it is easy to customize to your needs!

Reference documentation and guides at cortexjs.io/mathlive.

Try it at cortexjs.io/mathlive/demo/.

The popover panel A Virtual Keyboard
The Loop Equation

Using MathLive

To add a mathfield element to your page use a <math-field> tag.

It works just like a <textarea> or <button>. You can manipulate the mathfield using methods of the element and listen for events to be notified when its internal state changes.

<!DOCTYPE html>
<html lang="en-US">
  <body>
    <math-field>f(x)=</math-field>
    <script src="https://unpkg.com/mathlive"></script>
  </body>
</html>

Documentation

Quick Start
Quick introduction to using MathLive in your project
Interact with a mathfield
Receive input and change the value of a mathfield
Customize a mathfield
Adapt the behavior and appearance of a mathfield to your needs
Execute commands
Send editing commands to a mathfield
Define custom LaTeX macros
Extend the LaTeX commands supported
Manage inline and keyboard shortcuts
Add or modify editing keyboard shortcuts
Control speech output
A mathfield can provide speech feedback to interact with it.
Display static math formulas
Display non-editable math formulas in your page
Define custom virtual keyboards
Customize or create new virtual (on-screen) keyboards

Getting Started
Everything you need to integrate the MathLive library to your project
MathLive SDK
Reference documentation of the MathLive API

Related Projects

MathJSON (on GitHub)
A lightweight data interchange format for mathematical notation.
Compute Engine (on GitHub)
The CortexJS Compute Engine performs calculations on MathJSON expressions
Cortex (on GitHub)
Cortex is a programming language for scientific computing

Contact Us

License

This project is licensed under the MIT License.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.