Provides Title (headings) Blocks for the Editor.js. It is compatible with react and typescript, without causing typing errors.

Get the package

npm i title-editorjs

Include module at your application

import Title from "title-editorjs";

Add a new Tool to the tools property of the Editor.js initial config.

const editor = EditorJS({
  ...

  tools: {
    ...
    title: Title
  },

  ...
});

Setting	Description
H1	Transform the title into an h1 header
H2	Transform the title into an h2 header
H3	Transform the title into an h3 header
H4	Transform the title into an h4 header
H5	Transform the title into an h5 header
H6	Transform the title into an h6 header
Blue	Change the title color to blue
Pink	Change the title color to pink
Green	Change the title color to green
Purple	Change the title color to purple
Orange	Change the title color to orange
Black	Change the title color to black
Yellow	Change the title color to yellow
Red	Change the title color to red
Text-Align-Center	Change text alignment to center
Text-Align-Right	Change text alignment to right
Text-Align-Left	Change text alignment to left

For now the package doesn´t have any configuration parameters 😔. But it's coming...😌

{
   "id": "9V7e_m3ao4",
   "type": "title",
   "data": {
       "text": "H1",
       "color": "Red",
       "alignText": "Text-Align-Center",
       "titleType": "H1"
   }
}

🌠🌠🌠 If the package was useful to you give it a star. 🌠🌠🌠

💁💁🏾💁🏼 Feel free to propose improvements. 💁🏾💁🏼💁🏿