Provides Quote Blocks for the Editor.js.
Get the package
npm i @juratbek/editorjs-quote
yarn add @juratbek/editorjs-quote
Include module at your application
import Quote from "@juratbek/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.
var editor = EditorJS({
...
tools: {
...
quote: Quote,
},
...
});
Or init Quote Tool with additional settings
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 |
captionPlaceholder | string |
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 |
caption | string |
caption or an author |
alignment | string |
left , right or center |
{
"type": "quote",
"data": {
"text": "The unexamined life is not worth living.",
"caption": "Socrates",
"alignment": "left"
}
}