Title Tool - Editor.js (React-TS)

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

Installation

Get the package

``shell
npm i title-editorjs
`

Usage

Include module at your application

`javascript
import Title from "title-editorjs";
`

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

`javascript
const editor = EditorJS({
...

tools: {
...
title: Title
},

...
});
`

Tool's settings

| 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

Config Params

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

## Output data

| Field | Type | Description |
| ----- | -------- | ------------------------------------------------ |
| text | string | titles's text |
| titleType | string | type of title: H1, H2 ... H6 |
| color | string or undefined | color of the title |
| alignText | string or undefined | align of the title |

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

$3

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

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