alignment-blocktune

text alignment block tune tool for Editor.js

Usage no npm install needed!

<script type="module">
  import alignmentBlocktune from 'https://cdn.skypack.dev/alignment-blocktune';
</script>

README

Text Alignment tune tool for Editor.js

You can add text alignment to any block.

image

required

  • editor.js v2.20

Installation

Install via NPM

Get the package

npm i --save editorjs-paragraph-with-alignment

Include module at your application

const Paragraph = require('editorjs-paragraph-with-alignment');

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

https://cdn.jsdelivr.net/npm/editorjs-paragraph-with-alignment@2.0.0

usage

tool:{
    list: {
      class: List,
      inlineToolbar: true,
    },
    header: {
      class: Header,
      tunes: ['anyTuneName'],
    },
    paragraph: {
      class: Paragraph,
      inlineToolbar: false,
      tunes: ['anyTuneName'],
    },
    anyTuneName: {
      class:AlignmentBlockTune,
      config:{
        default: "right",
        blocks: {
          header: 'center',
          list: 'right'
        }
      },
    }
}

Config Params

Field Type Description
default string "left"/"center"/"right", If not set, it will be "left".
blocks object Default alignment can be set for each block