Skip to content

Yurgeman/EditorJS-LaTeX

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EditorJS-LaTeX

Check the example: https://mdgaziur.github.io/EditorJS-LaTeX/example

LaTeX block support for EditorJS

Created By: MD Gaziur Rahman Noor

Screenshot of EditorJS-LaTeX

Setting Up

Add the following code inside the <head> tag.

<script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@2.19.0/dist/editor.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mdgaziur/EditorJS-LaTeX@latest/dist/editorjs-latex.bundle-min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mdgaziur/EditorJS-LaTeX@latest/dist/editorjs-latex.bundle.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css"></link>

To use with nodejs simply run npm i editorjs-latex.

To add this library to EditorJS, simply add the follwing code:

tools: {
        Math: {
        class: EJLaTeX,
        shortcut: 'CMD+SHIFT+M'
    }, ...
}

Getting data

The output data of this plugin will look like bellow:

{
    "type" : "Math",
    "data" : {
        "math" : "\\frac{a \\pm b}{(a+b)^2}"
    }
}

The "math" item contains the expression. You can use KaTeX to render that in your document.

Conclusion

If there is any problem or bugs, create an issue in this repository. I'll try my best to help you.

About

LaTeX block support for EditorJS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.0%
  • HTML 18.4%
  • CSS 6.6%