semantic-math-editor
v2.1.8
Published
Editing math formulas on the web. MathEditor is convenient, accessible, mobile-friendly, and fast software product. It understands the meaning of what the user entered.
Downloads
154
Maintainers
softariaReadme
semantic-math-editor
Editing math formulas on the web
Official site: https://math-editor.com/semanticEditor.html
Developer Version Installation:
npm i semantic-math-editorGetting started:
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
integrity="sha256-uT5rNa8r/qorzlARiO7fTBE7EWQiX/umLlXsq7zyQP8=" crossorigin="anonymous">
<script src="node_modules/semantic-math-editor/index.bundle.js"></script>
</head>
<body>
<div id="editor"/>
<script>
let editor = SemanticMathEditor.createEditor(document.getElementById("editor"));
</script>
</body>Use from Typescript:
import {createEditor,MathEditor} from "semantic-math-editor";
const editor = createEditor(document.getElementById('my-id'));
The snippet suppose you have a div with id=my-id in your HTML like this:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
integrity="sha256-uT5rNa8r/qorzlARiO7fTBE7EWQiX/umLlXsq7zyQP8=" crossorigin="anonymous">
</head>
<body>
<div id="my-id"/>
</body>Developers documentation:
https://softaria.github.io/semantic-math-editor/