Semantic-math-editor NPM

semantic-math-editor

Editing math formulas on the web

Official site: https://math-editor.com/semanticEditor.html

Developer Version Installation:

   npm i semantic-math-editor

Getting 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/katex@0.10.2/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/katex@0.10.2/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/

math editor online math editor understanding math formula meaning

@types/mousetrap

@infinitebrahmanuniverse/nolb-sema @everything-registry/sub-chunk-2729

7 months ago

9 months ago

1 year ago