This Tool for the Editor.js allows you to add ordered or unordered (bulleted) lists to your article.
Get the package
npm i --save editorjs-listyarn add editorjs-listInclude module at your application
import List from 'editorjs-list';- Upload folder
distfrom repository - Add
dist/bundle.jsfile to your page.
Load the script from jsDelivr CDN and connect to your page.
<script src="https://cdn.jsdelivr.net/npm/@editorjs/list@latest"></script>Add the List Tool to the tools property of the Editor.js initial config.
import EditorJS from '@editorjs/editorjs';
import List from 'editorjs-list';
var editor = EditorJS({
// ...
tools: {
...
list: {
class: List,
inlineToolbar: true,
},
},
});This Tool has no config params
You can choose list`s type.
| Field | Type | Description |
|---|---|---|
| style | string |
type of a list: ordered or unordered |
| items | string[] |
the array of list's items |
{
"type" : "list",
"data" : {
"style" : "unordered",
"items" : [
"It is a block-styled editor",
[
"It returns clean data output in JSON",
[
"Here comes the sub lists",
"with both ordered and unordered",
[
"Just press tab and sub list will be created<br>"
]
]
],
"Designed to be extendable and pluggable with a simple API"
]
}
},This tool supports the i18n api.
To localize UI labels, put this object to your i18n dictionary under the tools section:
"list": {
"Ordered": "Нумерованный",
"Unordered": "Маркированный"
}See more instructions about Editor.js internationalization here: https://editorjs.io/internationalization
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent