@eonasdan/editorjs-code v3.0.4

Code Tool for Editor.js

Code Tool for the Editor.js allows to include code examples in your articles.

This fork is made to work with Prism Highlight.

You can configure what languages are available through config.languageList or supplement the default list with config.additionalLanguages

Installation

Install via NPM

Get the package

npm i --save-dev@eonasdan/editorjs-code

Include module at your application

const CodeTool = require('@editorjs/code');

Download to your project's source dir

1. Upload folder dist from repository
2. Add dist/bundle.js file to your page.

Load from CDN

You can load specific version of package from jsDelivr CDN.

https://cdn.jsdelivr.net/npm/@eonasdan/editorjs-code

Require this script on a page with Editor.js.

<script src="..."></script>

Usage

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

var editor = EditorJS({
  //...
  tools: {
    //...
    code: CodeTool,
  }
  // ...
});

Config Params

Default Languages

Adding additional languages

var editor = EditorJS({
    //...
    tools: {
        code: {
            class: CodeTool,
                config: {
                additionalLanguages: [
                    { name: 'Bicep', code: 'bicep' },
                ]
            }
        }
    }
    //...
});

Output data

This Tool returns code.

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