Quote Tool for Editor.js
npm install @editorjs/quote
Provides Quote Blocks for the Editor.js.
Get the package
``shell`
yarn add @editorjs/quote
Include module at your application
`javascript`
import Quote from '@editorjs/quote';
Optionally, you can load this tool from CDN JsDelivr CDN.
Add a new Tool to the tools property of the Editor.js initial config.
`javascript`
var editor = EditorJS({
...
tools: {
...
quote: Quote,
},
...
});
Or init Quote Tool with additional settings
`javascript`
var editor = EditorJS({
...
tools: {
...
quote: {
class: Quote,
inlineToolbar: true,
shortcut: 'CMD+SHIFT+O',
config: {
quotePlaceholder: 'Enter a quote',
captionPlaceholder: 'Quote\'s author',
},
},
},
...
});
| Field | Type | Description |
| ------------------ | -------- | ----------------------------|
| quotePlaceholder | string | quote's placeholder string |string
| captionPlaceholder | | caption's placeholder string|
You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.
| Field | Type | Description |
| --------- | -------- | -------------------- |
| text | string | quote's text |string
| caption | | caption or an author |string
| alignment | | left or center |
`json``
{
"type" : "quote",
"data" : {
"text" : "The unexamined life is not worth living.",
"caption" : "Socrates",
"alignment" : "left"
}
}