7polo / editorjs-code2

editorjs code tool

Code

Code Tool for Editor.js 2.0. power by codemirror.

Feature

• line number ✌️
• code folder
• theme selector (on-the-way )
• language selector (on-the-way)
• copy (on-the-way)
• tab/shift+tab support

Usage

Add a new Tool to the tools property of the Editor.js initial config.

npm i @7polo/editorjs-code2

var editor = EditorJS({
  ...
  tools: {
    ...
    code: {
        class: Code,
        config: {
            defaultTheme: 'okaidia',
            defaultLanguage: 'java'
        }
    }
  }
});

Output data

This Tool returns code.

{
    "type" : "code",
    "data" : {
        "code": "body {\n font-size: 14px;\n line-height: 16px;\n}",
        "language": "css",
        "theme": "tomorrow"
    }
}