https://github.com/mdgaziur/EditorJS-LaTeX

LaTeX block support for EditorJS
https://github.com/mdgaziur/EditorJS-LaTeX

Last synced: about 2 months ago
JSON representation

LaTeX block support for EditorJS

• Host: GitHub
• URL: https://github.com/mdgaziur/EditorJS-LaTeX
• Owner: mdgaziur
• License: mit
• Created: 2020-09-11T21:53:40.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-01T09:52:35.000Z (7 months ago)
• Last Synced: 2024-07-19T11:17:12.632Z (2 months ago)
• Language: JavaScript
• Homepage: https://mdgaziur.github.io/EditorJS-LaTeX/example
• Size: 491 KB
• Stars: 35
• Watchers: 3
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ccamel - mdgaziur/EditorJS-LaTeX - LaTeX block support for EditorJS (JavaScript)
• awesome-editorjs - mdgaziur/EditorJS-LaTeX

README

        
# EditorJS-LaTeX

[![](https://data.jsdelivr.com/v1/package/gh/mdgaziur/EditorJS-LaTeX/badge)](https://www.jsdelivr.com/package/gh/mdgaziur/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](./screenshot.png)

## Setting Up

Add the following code inside the `````` tag.

```html

```

To use with nodejs simply run ```npm i editorjs-latex``` and import using the following code:

```javascript

const EJLaTeX = require('editorjs-latex');

```

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

```javascript

tools: {

        Math: {

        class: EJLaTeX,

        shortcut: 'CMD+SHIFT+M'

    }, ...

}

```

If you need to adjust the theming of the editor, you can add CSS rules in the config like:

```javascript

tools: {

        Math: {

        class: EJLaTeX,

        shortcut: 'CMD+SHIFT+M',

        config: {

            css: '.math-input-wrapper { padding: 5px; }'

        }

    }, ...

}

```

## Getting data

The output data of this plugin will look like bellow:

```json

{

    "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.