Code Tool for the Editor.js allows to include code examples in your articles.
Get the package
npm i --save-dev @editorjs/codeInclude module at your application
const CodeTool = require('@editorjs/code');- Upload folder
distfrom repository - Add
dist/bundle.jsfile to your page.
You can load specific version of package from jsDelivr CDN.
https://cdn.jsdelivr.net/npm/@editorjs/code@2.0.0
Require this script on a page with Editor.js.
<script src="..."></script>Add a new Tool to the tools property of the Editor.js initial config.
var editor = EditorJS({
...
tools: {
...
code: CodeTool,
}
...
});| Field | Type | Default | Description | Example |
|---|---|---|---|---|
| placeholder | string |
Enter a code | Code Tool's placeholder string | |
| languagePlaceholder | string |
Select a language | Code Tool's language placeholder string | |
| languageOptions | `array (string | object)` | ['markup', 'css', 'javascript'] |
Code Tool's list of languages |
This Tool returns code.
{
"type" : "code",
"data" : {
"code": "body {\n font-size: 14px;\n line-height: 16px;\n}",
"language": "css",
}
}