@editorjs/quote

    2.4.0 • Public • Published

    Quote Tool

    Provides Quote Blocks for the Editor.js.

    Installation

    Install via NPM

    Get the package

    npm i --save-dev @editorjs/quote

    Include module at your application

    const Quote = require('@editorjs/quote');

    Download to your project's source dir

    1. Upload folder dist from repository
    2. Add dist/bundle.js file to your page.

    Load from CDN

    You can load specific version of package from jsDelivr CDN.

    https://cdn.jsdelivr.net/npm/@editorjs/quote@2.0.0

    Then require this script on page with Editor.js.

    <script src="..."></script>

    Usage

    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',
          },
        },
      },
      
      ...
    });

    Config Params

    Field Type Description
    quotePlaceholder string quote's placeholder string
    captionPlaceholder string caption's placeholder string

    Tool's settings

    You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.

    Output data

    Field Type Description
    text string quote's text
    caption string caption or an author
    alignment string left or center
    {
        "type" : "quote",
        "data" : {
            "text" : "The unexamined life is not worth living.",
            "caption" : "Socrates",
            "alignment" : "left"
        }
    }

    Install

    npm i @editorjs/quote

    DownloadsWeekly Downloads

    8,963

    Version

    2.4.0

    License

    MIT

    Unpacked Size

    17.7 kB

    Total Files

    9

    Last publish

    Collaborators

    • codex-team