EditorJs - init-code-highlight-ts

NPM

npm i @init-kz/editorjs-code-highlight

About

This is an EditorJs wrapper for init-code-highlight-ts - A lovely lightweight zero-dep code formatter

It was built to be an improvement on :

• https://github.com/editor-js/code - Too Basic
• https://github.com/dev-juju/codebox - Agressive styling, and exports more data than markdown can handle

Built with:

• init-code-highlight-ts
• Prism

---

Installation / use

import EditorJS from '@editorjs/editorjs';
import editorjsCode from '@init-kz/editorjs-code-highlight';

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

Data Format

The data imported/exported from the block is as follows:

Name	Description
code	The code that is displayed in the editor, with line breaks
language (optional)	The programming language
showlinenumbers (optional)	Will show/hide the line numbers (Default true)
showCopyButton (optional)	will show/hide the copy button (Defauly true)

Since language and linenumbers are optional, existing code blocks can safley use this plugin