editor-js / Header
Licence: mit
Header Tool for Editor.js 2.0
Stars: ✭ 39
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Header
Paster
Pasting a text data from a clipboard directlly to Sketch text layers [Sketch plugin]
Stars: ✭ 88 (+125.64%)
Mutual labels: plugin, text
Notepanda
📃 A simple cross-platform notepad. Based on Qt and C++.
Stars: ✭ 134 (+243.59%)
Mutual labels: editor, text
Ewig
The eternal text editor — Didactic Ersatz Emacs to show immutable data-structures and the single-atom architecture
Stars: ✭ 422 (+982.05%)
Mutual labels: editor, text
Flutter image editor
Flutter plugin, support android/ios.Support crop, flip, rotate, color martix, mix image, add text. merge multi images.
Stars: ✭ 181 (+364.1%)
Mutual labels: plugin, editor
Zep
Zep - An embeddable editor, with optional support for using vim keystrokes.
Stars: ✭ 477 (+1123.08%)
Mutual labels: editor, text
Turbo Editor
Simple and powerful File Editor for Android. All is licensed under the GPLv3 license.
Stars: ✭ 1,139 (+2820.51%)
Mutual labels: editor, text
Scxcodeeditorinset
Xcode plugin that adds an empty (configurable) space to the end of the editor text view
Stars: ✭ 64 (+64.1%)
Mutual labels: plugin, editor
Text
📑 Collaborative document editing using Markdown
Stars: ✭ 282 (+623.08%)
Mutual labels: editor, text
Zmjimageeditor
ZMJImageEditor is a picture editing component like WeChat. It is powerful and easy to integrate, supporting rendering, text, rotation, tailoring, mapping and other functions. (ZMJImageEditor 是一个和微信一样图片编辑的组件,功能强大,极易集成,支持绘制、文字、旋转、剪裁、贴图等功能)
Stars: ✭ 470 (+1105.13%)
Mutual labels: editor, text
Femto
A toy text editor with no dependencies written in Ruby
Stars: ✭ 34 (-12.82%)
Mutual labels: editor, text
Nlp Experiments In Pytorch
PyTorch repository for text categorization and NER experiments in Turkish and English.
Stars: ✭ 35 (-10.26%)
Mutual labels: text
Push Fcm Plugin
Official Firebase Cloud Messaging plugin for Push.js v1.0 🔥
Stars: ✭ 37 (-5.13%)
Mutual labels: plugin
Heading Tool
Provides Headings Blocks for the Editor.js.
Installation
Install via NPM
Get the package
npm i --save @editorjs/header
Include module at your application
const Header = require('@editorjs/header');
Download to your project's source dir
- Upload folder
dist
from repository - Add
dist/bundle.js
file to your page.
Load from CDN
You can load specific version of package from jsDelivr CDN.
https://cdn.jsdelivr.net/npm/@editorjs/[email protected]
Then require this script on page with Editor.js.
<script src="..."></script>
Usage
Add a new Tool to the tools
property of the Editor.js initial config.
var editor = EditorJS({
...
tools: {
...
header: Header,
},
...
});
Shortcut
You can insert this Block by a useful shortcut. Set it up with the tools[].shortcut
property of the Editor's initial config.
var editor = EditorJS({
...
tools: {
...
header: {
class: Header,
shortcut: 'CMD+SHIFT+H',
},
},
...
});
Config Params
All properties are optional.
Field | Type | Description |
---|---|---|
placeholder | string |
header's placeholder string |
levels | number[] |
enabled heading levels |
defaultLevel | number |
default heading level |
var editor = EditorJS({
...
tools: {
...
header: {
class: Header,
config: {
placeholder: 'Enter a header',
levels: [2, 3, 4],
defaultLevel: 3
}
}
}
...
});
Tool's settings
You can select one of six levels for heading.
Output data
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
}
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].