editorjs-text-alignment-blocktune

text alignment block tune tool for Editor.js

Usage no npm install needed!

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

README

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

  • editor.js v2.20

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: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