EditorJS-Syntax-HLJS

Syntax highlighting for EditorJS using HLJS (highlight.js)

Note: Requires Highlight.js

Usage

import Syntax from 'editorjs-syntax-hljs'

// import any custom style from highlight.js to use it, default is atom-one-dark
import 'highlight.js/styles/atom-one-light.css' 

const editor = new EditorJS({
    // rest of the stuff
    code: {
        class: Syntax,
        shortcut: 'CTRL+SHIFT+C',
        config: {
            lineNumber: '', // 'checked' | ''  Disable/Enable line number
            lineOffset: 1, //Default line number to start from
            defaultLanguage: 'plaintext', // Default language for Syntax Highlight etc.
            languages: {
                // Provide in similar format { key: 'languageName in hljs', label: 'Name to display in dropdown' }
                { key: 'python', label: 'Python'},
                { key: 'java', label: 'Java'},
                { key: 'xml', label: 'HTML/XML'},
            }
        }
    }
})