arnog / Mathlive
Licence: mit
A web component for easy math input
Stars: ✭ 416
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Mathlive
Rich Text Editor
Math editor (http://digabi.github.io/rich-text-editor/)
Stars: ✭ 45 (-89.18%)
Mutual labels: math, editor
Guppy
WYSIWYG mathematics editor with structured, searchable, LaTeX-compatible, and parseable output
Stars: ✭ 147 (-64.66%)
Mutual labels: math, editor
Vue Mathlive
Example of using the Vue wrapper for MathLive math editor
Stars: ✭ 52 (-87.5%)
Mutual labels: math, editor
Markor
Text editor - Notes & ToDo (for Android) - Markdown, todo.txt, plaintext, math, ..
Stars: ✭ 1,394 (+235.1%)
Mutual labels: math, editor
Heimer
Heimer is a simple cross-platform mind map, diagram, and note-taking tool written in Qt.
Stars: ✭ 380 (-8.65%)
Mutual labels: editor
Interactive Examples
Home of the MDN live code editor interactive examples
Stars: ✭ 389 (-6.49%)
Mutual labels: editor
Marktext
📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
Stars: ✭ 22,894 (+5403.37%)
Mutual labels: editor
Lockstepengine
A lockstep solution include lots of deterministic library (Math,Collision,Navmesh,BehaviorTree,Serialization ...)
Stars: ✭ 376 (-9.62%)
Mutual labels: math
Draftail
📝🍸 A configurable rich text editor built with Draft.js
Stars: ✭ 413 (-0.72%)
Mutual labels: editor
Fiduswriter
Fidus Writer is an online collaborative editor for academics.
Stars: ✭ 405 (-2.64%)
Mutual labels: math
Psl
PHP Standard Library - a modern, consistent, centralized, well-typed set of APIs for PHP programmers.
Stars: ✭ 329 (-20.91%)
Mutual labels: math
Etengine
Realtime 3D Game-Engine with a focus on space sim. Written in C++ 14
Stars: ✭ 408 (-1.92%)
Mutual labels: editor
Markdowneditor
Lightweight markdown editor written for windows,only one GREEN exe file
Stars: ✭ 403 (-3.12%)
Mutual labels: editor
MathLive: A Web Component for Math Input
- [x] A Web Component easy to integrate in your project, regardless of the framework you use (or even if you use no framework)
- [x] Beautiful, TeX-quality typesetting
- [x] Easy to use interface for formula editing
- [x] Designed for mobile devices with an extensive set of virtual keyboards
- [x] Accessility support: screen reader compatible, and includes custom math-to-speech support
- [x] Outputs LaTeX, MathML and MathJSON (Abstract Syntax Tree)
- [x] And it is easy to customize to your needs!
See cortexjs.io for more info or try it at mathlive.io
Using MathLive
Editing Math
To add a mathfield element in 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/dist/mathlive.min.js"></script>
</body>
</html>
Displaying Static Math
Render static math equations by adding two lines to your web page.
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>Euler's Identity</h1>
<p>$$e^{i\pi} + 1 = 0$$</p>
<script type="module">
import { renderMathInDocument } from 'https://unpkg.com/mathlive/dist/mathlive.min.mjs';
renderMathInDocument();
</script>
</body>
</html>
Want to Help?
- Using MathLive in your project? Want to support the project ongoing maintenance? Consider making a donation with PayPal
- Something wrong? Got ideas for new features? Write up an issue. Read about Contributing and follow our Code of Conduct
- 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?
- Read the Getting Started Guide
- Look at some examples
- Read the API documentation
- Join our Gitter community
- Drop a line to [email protected] or /u/real_arnog
License
This project is licensed under the MIT License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].