- Notifications
You must be signed in to change notification settings - Fork120
Header Tool for Editor.js 2.0
License
NotificationsYou must be signed in to change notification settings
editor-js/header
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Provides Headings Blocks for theEditor.js.
Get the package
yarn add @editorjs/header
Include module at your application
importHeaderfrom'@editorjs/header';
Optionally, you can load this tool from CDNJsDelivr CDN
Add a new Tool to thetools property of the Editor.js initial config.
vareditor=EditorJS({ ...tools:{ ...header:Header,}, ...});
You can insert this Block by a useful shortcut. Set it up with thetools[].shortcut property of the Editor's initial config.
vareditor=EditorJS({ ...tools:{ ...header:{class:Header,shortcut:'CMD+SHIFT+H',},}, ...});
All properties are optional.
| Field | Type | Description |
|---|---|---|
| placeholder | string | header's placeholder string |
| levels | number[] | enabled heading levels |
| defaultLevel | number | default heading level |
vareditor=EditorJS({ ...tools:{ ...header:{class:Header,config:{placeholder:'Enter a header',levels:[2,3,4],defaultLevel:3}}} ...});
You can select one of six levels for heading.
| Field | Type | Description |
|---|---|---|
| text | string | header's text |
| level | number | level of header: 1 for H1, 2 for H2 ... 6 for H6 |
{"type":"header","data": {"text":"Why Telegram is the best messenger","level":2 }}About
Header Tool for Editor.js 2.0
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
Contributors15
Uh oh!
There was an error while loading.Please reload this page.