kaaaaaaaaaaai / editorjs-alignment-blocktune

53 stars 24 forks source link

Text Alignment tune tool for Editor.js

You can add text alignment to any block.

image

If you can help, please push the Star button :)

required

Installation

Install via NPM

Get the package

npm i --save editorjs-text-alignment-blocktune

Include module at your application

const AlignmentTuneTool = require('editorjs-text-alignment-blocktune');

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-text-alignment-blocktune@latest

usage

and look editor.js document

tool:{
    list: {
      class: List,
      inlineToolbar: true,
    },
    header: {
      class: Header,
      tunes: ['anyTuneName'],
    },
    paragraph: {
      class: Paragraph,
      inlineToolbar: false,
      tunes: ['anyTuneName'],
    },
    anyTuneName: {
      class:AlignmentTuneTool,
      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