CodeMirror Tool for EditorJS
CodeMirror tool for EditorJS allows adding Code blocks with syntax highlighing to the EditorJS content. This block uses CodeMirror 6 for the editor and exposes a language selector for choosing the languages supported by CodeMirror's base packages.
Installation
Install via NPM
Get the package
npm i --save-dev @tltoulson/editorjs-codemirror
Include module in your application
import { CodeMirrorTool } from '@tltoulson/editorjs-codemirror';
Add to your project manually
Copy the dist/index.js
file into your project to use the CommonJS module.
Copy the dist/index.mjs
file into your project to use the ES Module.
Usage
Add a new Tool to the tools property of the Editor.js initial config.
var editor = EditorJS({
...
tools: {
...
codemirror: CodeMirrorTool,
}
...
});
Output data
This Tool returns code.
{
"type" : "codemirror",
"data" : {
"code": "body {\n font-size: 14px;\n line-height: 16px;\n}",
"language": "CSS",
}
}