open-index/open-npm huggingface dataset:
npm package: @groupher/delimiter
Description: Delimiter Tool for Editor.js
Author: groupher team
Latest version: 1.1.1

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Delimiter Tool for Editor.js

Delimiter Tool for the [Editor.js](https://editorjs.io).

![](https://capella.pics/de70e7f8-56cd-4779-848f-52c3f68deb47.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/delimiter
```

Include module at your application

```javascript
const Delimiter = require('@editorjs/delimiter');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/delimiter).

`https://cdn.jsdelivr.net/npm/@editorjs/delimiter@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    delimiter: Delimiter,
  }
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

This Tool returns empty object.

```json
{
    "type" : "delimiter",
    "data" : {}
}
```
npm package: @groupher/editor-alert
Description: alert Tool for Editor.js
Author: groupher team
Latest version: 1.0.27


# Alert Tool

Provides Code Blocks for the [Editor.js](https://editorjs.io).

![alert-demo](https://user-images.githubusercontent.com/6184465/68541410-1ea36500-03da-11ea-9c0d-540a70a1d588.gif)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-alert
```

Include module at your application

```javascript
const Alert = require('@groupher/editor-alert');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    alert: Alert,
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| title      | `string` | warning title         |
| desc  | `string` | warning desc |
| alert  | `string` | alert type |


```json
{
    "type" : "quote",
    "data" : {
        "title" : ""note",
        "desc" : "this is a warning",
        "type" : "warning"
    }
}
```
npm package: @groupher/editor-checklist
Description: Checklist Tool for Editor.js
Author: CodeX
Latest version: 1.1.2

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Checklist Tool for Editor.js

This Tool for the [Editor.js](https://editorjs.io) allows you to add  checklists to your texts.

![](https://capella.pics/f099dd9b-1321-47f6-b9e1-97fc1ef40b6a.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/checklist
```

Include module at your application

```javascript
const Checklist = require('@editorjs/checklist');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/checklist).

`https://cdn.jsdelivr.net/npm/@editorjs/checklist@1.0.0`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    checklist: {
      class: Checklist,
      inlineToolbar: true,
    },
  }
  
  ...
});
```

## Config Params

This Tool has no config params


## Output data

| Field | Type       | Description                            |
| ----- | ---------- | -------------------------------------- |
| items | `object[]` | array of checklist's items             |


```json
{
    "type" : "checklist",
    "data" : {
        "items" : [
            {
              "text" : "This is a block-styled editor",
              "checked" : true
            },
            {
              "text" : "Clean output data",
              "checked" : false
            },
            {
              "text" : "Simple and powerful API",
              "checked" : true
            }
        ]
    }
}
```
npm package: @groupher/editor-code
Description: Code Tool for Editor.js, with language select and highlight
Author: groupher team
Latest version: 1.0.30


# Code Tool

Provides Code Blocks for the [Editor.js](https://editorjs.io).

![image](https://user-images.githubusercontent.com/6184465/64905642-0a125b80-d70e-11e9-875f-5240815e6290.png)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-code
```

Include module at your application

```javascript
const Code = require('@groupher/editor-code');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    code: Code,
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | code's text         |
| lang   | `string` | code's language |


```json
{
    "type" : "quote",
    "data" : {
        "text" : ""body {  color: tomato;  margin-left: 20px;};",
        "lang" : "css"
    }
}
```
npm package: @groupher/editor-collapse
Description: collapse Tool for Editor.js
Author: groupher team
Latest version: 0.1.7

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Collapse Tool for Editor.js

Collapse Tool for the [Editor.js](https://editorjs.io).

![collapse-demo](https://user-images.githubusercontent.com/6184465/69914380-c7476080-147e-11ea-8096-309eb5237038.gif)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-collapse
```

Include module at your application

```javascript
const Collapse = require('@groupher/editor-collapse');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.


## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    collapse: Collapse,
  }
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

This Tool returns data object.

```json
{
    "type" : "collapse",
    "data" : {
      title: "",
      content: "",
    }
}
```
npm package: @groupher/editor-column
Description: column Tool for Editor.js
Author: groupher team
Latest version: 0.1.1

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Collapse Tool for Editor.js

Collapse Tool for the [Editor.js](https://editorjs.io).

![collapse-demo](https://user-images.githubusercontent.com/6184465/69914380-c7476080-147e-11ea-8096-309eb5237038.gif)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-collapse
```

Include module at your application

```javascript
const Collapse = require('@groupher/editor-collapse');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.


## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    collapse: Collapse,
  }
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

This Tool returns data object.

```json
{
    "type" : "collapse",
    "data" : {
      title: "",
      content: "",
    }
}
```
npm package: @groupher/editor-delimiter
Description: Delimiter Tool for Editor.js
Author: groupher team
Latest version: 1.1.10

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Delimiter Tool for Editor.js

Delimiter Tool for the [Editor.js](https://editorjs.io).

![image](https://user-images.githubusercontent.com/6184465/65581160-93971880-dfad-11e9-976b-c28873d6de6a.png)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/delimiter
```

Include module at your application

```javascript
const Delimiter = require('@editorjs/delimiter');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/delimiter).

`https://cdn.jsdelivr.net/npm/@editorjs/delimiter@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    delimiter: Delimiter,
  }
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

This Tool returns empty object.

```json
{
    "type" : "delimiter",
    "data" : {}
}
```
npm package: @groupher/editor-emoji
Description: emoji Tool for Editor.js
Author: groupher team
Latest version: 1.0.5


# emoji Tool

Provides Code Blocks for the [Editor.js](https://editorjs.io).

![image](https://user-images.githubusercontent.com/6184465/65400436-c0ec9680-ddf4-11e9-9b18-6820a436d9c1.png)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-emoji
```

Include module at your application

```javascript
const emoji = require('@groupher/editor-emoji');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    emoji: emoji,
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | code's text         |


```json
{
    "type" : "text",
    "data" : {
        "text" : "hello <span class=\"cdx-emoji\">mydearxym</span>"
    }
}
```
# editor-emoji
npm package: @groupher/editor-eventbus
Description: eventbus Tool for Editor.js
Author: groupher team
Latest version: 1.0.6


# eventbus Tool

Provides Code Blocks for the [Editor.js](https://editorjs.io).

![image](https://user-images.githubusercontent.com/6184465/65400436-c0ec9680-ddf4-11e9-9b18-6820a436d9c1.png)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-eventbus
```

Include module at your application

```javascript
const eventbus = require('@groupher/editor-eventbus');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    eventbus: eventbus,
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | code's text         |


```json
{
    "type" : "text",
    "data" : {
        "text" : "hello <span class=\"cdx-eventbus\">mydearxym</span>"
    }
}
```
# editor-eventbus
npm package: @groupher/editor-header
Description: Header Tool for Editor.js, with h1-h3
Author: CodeX
Latest version: 2.3.2

# Header Tool

![Version of EditorJS that the plugin is compatible with](https://badgen.net/badge/Editor.js/v2.0/blue)

Provides Headings Blocks for the [Editor.js](https://ifmo.su/editor).

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/header
```

Include module at your application

```javascript
const Header = require('@editorjs/header');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/header).

`https://cdn.jsdelivr.net/npm/@editorjs/header@latest`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
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.

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    header: {
      class: Header,
      shortcut: 'CMD+SHIFT+H',
    },
  },

  ...
});
```

## Config Params

| Field       | Type     | Description                 |
| ----------- | -------- | --------------------------- |
| placeholder | `string` | header's placeholder string |

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    header: {
      class: Header,
      config: {
        placeholder: 'Enter a header'
      }
    }
  }

  ...
});
```

## Tool's settings

![An image showing the header block tool](https://capella.pics/5ef43c5b-441f-48bd-9b53-854f57f8161b.jpg)

You can select one of three 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 |

```json
{
  "type": "header",
  "data": {
    "text": "Why Telegram is the best messenger",
    "level": 2
  }
}
```
npm package: @groupher/editor-inline-code
Description: InlineCode Tool for Editor.js
Author: CodeX Team
Latest version: 1.0.5

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# InlineCode Tool

Inline Tool for marking code-fragments for the [Editor.js](https://ifmo.su/editor).

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/inline-code
```

Include module at your application

```javascript
const InlineCode = require('@editorjs/inline-code');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/inline-code).

`https://cdn.jsdelivr.net/npm/@editorjs/inline-code@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    inlineCode: {
      class: InlineCode,
      shortcut: 'CMD+SHIFT+M',
    },
  },
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

Marked text will be wrapped with a `span` tag with an `inline-code` class.

```json
{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <span class=\"inline-code\">npm init</span> command."
    }
}
```
npm package: @groupher/editor-list
Description: List Tool for Editor.js
Author: CodeX
Latest version: 1.4.10

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# List Tool for Editor.js

This Tool for the [Editor.js](https://editorjs.io) allows you to add ordered or unordered (bulleted) lists to your article.

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/list
```

Include module at your application

```javascript
const List = require("@editorjs/list");
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/list).

`https://cdn.jsdelivr.net/npm/@editorjs/list@1.0.2`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    list: {
      class: List,
      inlineToolbar: true,
    },
  }

  ...
});
```

## Config Params

This Tool has no config params

## Tool's settings

![](https://capella.pics/bf5a42e4-1350-499d-a728-493b0fcaeda4.jpg)

You can choose list`s mode.

## Output data

| Field | Type       | Description                                           |
| ----- | ---------- | ----------------------------------------------------- |
| style | `string`   | mode of list: `ordered` or `unordered` or `checklist` |
| items | `string[]` | array of list's items                                 |

```json
{
    "type" : "list",
    "data" : {
        "mode" : "unordered",
        "items" : [
            "This is a block-styled editor",
            "Clean output data",
            "Simple and powerful API"
        ]
    }
},
```
npm package: @groupher/editor-lock
Description: Lock(base64) inline-tool for Editor.js
Author: CodeX
Latest version: 0.1.2

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Lock Tool

Lock Tool for highlighting text-fragments for the [Editor.js](https://editorjs.io).

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/lock
```

Include module at your application

```javascript
const Lock = require("@editorjs/lock");
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/lock).

`https://cdn.jsdelivr.net/npm/@editorjs/lock@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    Lock: {
      class: Lock,
      shortcut: 'CMD+SHIFT+M',
    }
  },

  ...
});
```

## Config Params

This Tool has no config params

## Output data

Marked text will be wrapped with a `mark` tag with an `cdx-lock` class.

```json
{
  "type": "text",
  "data": {
    "text": "Create a directory for your module, enter it and run <mark class=\"cdx-lock\">npm init</mark> command."
  }
}
```
npm package: @groupher/editor-marker
Description: Marker Tool for Editor.js
Author: CodeX
Latest version: 1.0.3

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Marker Tool

Marker Tool for highlighting text-fragments for the [Editor.js](https://editorjs.io).

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/marker
```

Include module at your application

```javascript
const Marker = require('@editorjs/marker');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/marker).

`https://cdn.jsdelivr.net/npm/@editorjs/marker@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    Marker: {
      class: Marker,
      shortcut: 'CMD+SHIFT+M',
    }
  },
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

Marked text will be wrapped with a `mark` tag with an `cdx-marker` class.

```json
{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <mark class=\"cdx-marker\">npm init</mark> command."
    }
}
```
npm package: @groupher/editor-mention
Description: Mention Tool for Editor.js
Author: groupher team
Latest version: 1.0.8


# Mention Tool

Provides Code Blocks for the [Editor.js](https://editorjs.io).

![image](https://user-images.githubusercontent.com/6184465/65400436-c0ec9680-ddf4-11e9-9b18-6820a436d9c1.png)


## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-mention
```

Include module at your application

```javascript
const Mention = require('@groupher/editor-mention');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    mention: Mention,
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | code's text         |


```json
{
    "type" : "text",
    "data" : {
        "text" : "hello <span class=\"cdx-mention\">mydearxym</span>"
    }
}
```
npm package: @groupher/editor-paragraph
Description: Enhanced Paragraph Tool for Editor.js
Author: CodeX Team
Latest version: 1.0.17

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Paragraph Tool for Editor.js

Basic text Tool for the [Editor.js](https://ifmo.su/editor).

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/paragraph
```

Include module at your application

```javascript
const Paragraph = require('@editorjs/paragraph');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/paragraph).

`https://cdn.jsdelivr.net/npm/@editorjs/paragraph@2.0.2`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    paragraph: {
      class: Paragraph,
      inlineToolbar: true,
    },
  }
  
  ...
});
```

## Config Params

This Tool has no config params

## Output data

| Field  | Type     | Description      |
| ------ | -------- | ---------------- |
| text   | `string` | paragraph's text |


```json
{
    "type" : "paragraph",
    "data" : {
        "text" : "Check out our projects on a <a href=\"https://github.com/codex-team\">GitHub page</a>.",
    }
}
```
npm package: @groupher/editor-quote
Description: Quote Tool for Editor.js, without caption text
Author: groupher team
Latest version: 2.3.9

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Quote Tool

Provides Quote Blocks for the [Editor.js](https://editorjs.io).

![](https://capella.pics/017dca46-6869-40cb-93a0-994416576e33.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/quote
```

Include module at your application

```javascript
const Quote = require('@editorjs/quote');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/quote).

`https://cdn.jsdelivr.net/npm/@editorjs/quote@2.0.0`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    quote: Quote,
  },
  
  ...
});
```

Or init Quote Tool with additional settings

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    quote: {
      class: Quote,
      inlineToolbar: true,
      shortcut: 'CMD+SHIFT+O',
      config: {
        quotePlaceholder: 'Enter a quote',
        captionPlaceholder: 'Quote\'s author',
      },
    },
  },
  
  ...
});
```

## Config Params

| Field              | Type     | Description                 |
| ------------------ | -------- | ----------------------------|
| quotePlaceholder   | `string` | quote's placeholder string  |
| captionPlaceholder | `string` | caption's placeholder string|

## Tool's settings

![](https://capella.pics/0db5d4de-c431-4cc2-90bf-bb1f4feec5df.jpg)

You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | quote's text         |
| caption   | `string` | caption or an author |
| alignment | `string` | `left` or `center`   |


```json
{
    "type" : "quote",
    "data" : {
        "text" : "The unexamined life is not worth living.",
        "caption" : "Socrates",
        "alignment" : "left"
    }
}
```
npm package: @groupher/editor-strike
Description: inline strike for Editor.js
Author: CodeX
Latest version: 0.1.4

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Strike Tool

Strike Tool for highlighting text-fragments for the [Editor.js](https://editorjs.io).

![](assets/example.gif)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/strike
```

Include module at your application

```javascript
const Strike = require("@editorjs/strike");
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/strike).

`https://cdn.jsdelivr.net/npm/@editorjs/strike@1.0.1`

Require this script on a page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    Strike: {
      class: Strike,
      shortcut: 'CMD+SHIFT+M',
    }
  },

  ...
});
```

## Config Params

This Tool has no config params

## Output data

Marked text will be wrapped with a `mark` tag with an `cdx-strike` class.

```json
{
  "type": "text",
  "data": {
    "text": "Create a directory for your module, enter it and run <mark class=\"cdx-strike\">npm init</mark> command."
  }
}
```
npm package: @groupher/editor-vote
Description: Vote Tool for Editor.js, without caption text
Author: groupher team
Latest version: 0.1.0

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Quote Tool

Provides Quote Blocks for the [Editor.js](https://editorjs.io).

![](https://capella.pics/017dca46-6869-40cb-93a0-994416576e33.jpg)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @editorjs/quote
```

Include module at your application

```javascript
const Quote = require('@editorjs/quote');
```

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

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/quote).

`https://cdn.jsdelivr.net/npm/@editorjs/quote@2.0.0`

Then require this script on page with Editor.js.

```html
<script src="..."></script>
```

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    quote: Quote,
  },
  
  ...
});
```

Or init Quote Tool with additional settings

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    quote: {
      class: Quote,
      inlineToolbar: true,
      shortcut: 'CMD+SHIFT+O',
      config: {
        quotePlaceholder: 'Enter a quote',
        captionPlaceholder: 'Quote\'s author',
      },
    },
  },
  
  ...
});
```

## Config Params

| Field              | Type     | Description                 |
| ------------------ | -------- | ----------------------------|
| quotePlaceholder   | `string` | quote's placeholder string  |
| captionPlaceholder | `string` | caption's placeholder string|

## Tool's settings

![](https://capella.pics/0db5d4de-c431-4cc2-90bf-bb1f4feec5df.jpg)

You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| text      | `string` | quote's text         |
| caption   | `string` | caption or an author |
| alignment | `string` | `left` or `center`   |


```json
{
    "type" : "quote",
    "data" : {
        "text" : "The unexamined life is not worth living.",
        "caption" : "Socrates",
        "alignment" : "left"
    }
}
```
npm package: @groupher/editor-warning
Description: warning Tool for Editor.js
Author: groupher team
Latest version: 1.0.15


# Warning Tool

Provides Code Blocks for the [Editor.js](https://editorjs.io).


![image](https://user-images.githubusercontent.com/6184465/65211450-5a543980-dad1-11e9-9539-c39145a55fca.png)

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @groupher/editor-warning
```

Include module at your application

```javascript
const Warning = require('@groupher/editor-warning');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

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

```javascript
var editor = EditorJS({
  ...
  
  tools: {
    ...
    warning: Warning,
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description          |
| --------- | -------- | -------------------- |
| title      | `string` | warning title         |
| desc  | `string` | warning desc |


```json
{
    "type" : "quote",
    "data" : {
        "title" : ""note",
        "desc" : "this is a warning"
    }
}
```
npm package: @groupher/emoji-search
Description: Retrieve emojis based on the search term.
Author: xym
Latest version: 2.0.6

# @jukben/emoji-search

Exposes search function which returns arrays of related emojis: 

```javascript 
type Emoji = {
    category: string
    char: string,
    fitzpatrick_scale: boolean
    keywords: Array<string>,
    name: string,
}

(string) => Array<Emoji>
```

Based on [emojilib](https://github.com/muan/emojilib) and wonderful [match-sorter](https://github.com/kentcdodds/match-sorter).

## Install

`npm i --save-dev @jukben/emoji-search`
## Usage

```javascript
import search from "@jukben/emoji-search"

search("beer") // [{"keywords":["beer", "relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],"char":"🍺","fitzpatrick_scale":false,"category":"food_and_drink", name: "beer"},{"keywords":["beers", "relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],"char":"🍻","fitzpatrick_scale":false,"category":"food_and_drink", name: beers"},{"keywords":["milk_glass", "beverage","drink","cow"],"char":"🥛","fitzpatrick_scale":false,"category":"food_and_drink", name: "milk_glass"},...

search("beer")[0].char // 🍺
```
## License

<img src="https://media.giphy.com/media/AuIvUrZpzBl04/giphy.gif" width="500">

MIT
npm package: @groupher/eslint-config-rn
Description: react-native eslint config for groupher team
Author: mydearxym@qq.com
Latest version: 1.1.0

# eslint-config-rn
eslint-config-react-native for groupher project

[![npm version](https://badge.fury.io/js/%40groupher%2Feslint-config-rn.svg)](https://badge.fury.io/js/%40groupher%2Feslint-config-rn)
[![Build Status](https://travis-ci.org/groupher/eslint-config-rn.svg?branch=master)](https://travis-ci.org/groupher/eslint-config-rn)


## Usage

```
yarn add @groupher/eslint-config-rn --dev
```

In `.eslintrc`:

```json
{ 
  "extends": "@groupher/react-native-rn", 
} 
```
npm package: @groupher/eslint-config-web
Description: eslint rules used by groupher team for web dev
Author: mydearxym@qq.com
Latest version: 2.0.9

# eslint-config-web
web related eslint configuration for groupher team.

[![Build Status](https://travis-ci.org/groupher/eslint-config-web.svg?branch=master)](https://travis-ci.org/groupher/eslint-config-web)
[![npm version](https://badge.fury.io/js/%40groupher%2Feslint-config-web.svg)](https://badge.fury.io/js/%40groupher%2Feslint-config-web)

## Usage

```
yarn add @groupher/eslint-config-web --dev
```

In `.eslintrc`:

```js
{ 
  extends: ['@groupher/eslint-config-web'],
} 
```
npm package: @groupher/react-editor
Description: React wrapper component for Editor.js
Author: Semenyuk Timofey
Latest version: 1.1.30

# react-editor.js

![npm version](https://img.shields.io/npm/v/@stfy/react-editor.js.svg)

React wrapper component for [Editor.js](https://github.com/codex-team/editor.js)

## Install

```bash
npm install --save @stfy/react-editor.js

// or Yarn

yarn add @stfy/react-editor.js
```

## Usage

```jsx

import React, { Component } from 'react'
import Editor from '@stfy/react-editor.js'

const App => (
  <>
    <Editor
        autofocus
        holderId="editorjs-container"
        excludeDefaultTools={['header']}
        onChange={(data) => console.log(data)}
        customTools={{
          header: CustomHeader
        }}
        onReady={() => console.log('Start!')}
        data={{
          "time" : 1554920381017,
          "blocks" : [
              {
                  "type" : "header",
                  "data" : {
                      "text" : "Hello Editor.js",
                      "level" : 2
                  }
              },
          ],
          "version" : "2.12.4"
        }}
      />
  </>
)

```

## Props

| Name                |    Type    |      Default      | Description                                   |
| :------------------ | :--------: | :---------------: | :-------------------------------------------- |
| autofocus           | `boolean`  |      `true`       | Set Caret to the Editor after initialisation  |
| holderId            |  `string`  | `editorjs-holder` | Id of Element that should contain the Editor  |
| onChange            | `function` |      `null`       | onChange callback                             |
| onReady             | `function` |      `null`       | onReady callback                              |
| data                |  `object`  |      `null`       | Previously saved data that should be rendered |
| customTools         |  `object`  |      `null`       | Set custom tools config or overwrite existed  |
| excludeDefaultTools |  `array`   |      `null`       | Exclude default tool by tool name             |

## Default tools

| Name       |        Package         |
| :--------- | :--------------------: |
| header     |   `@editorjs/header`   |
| list       |    `@editorjs/list`    |
| inlineCode | `@editorjs/inlineCode` |
| image      |   `@editorjs/image`    |
| embed      |   `@editorjs/embed`    |
| quote      |   `@editorjs/quote`    |
| marker     |   `@editorjs/marker`   |
| code       |    `@editorjs/code`    |
| link       |    `@editorjs/link`    |
| delimiter  | `@editorjs/delimiter`  |
| raw        |    `@editorjs/raw`     |
| table      |   `@editorjs/table`    |
| warning    |  `@editorjs/warning`   |
| paragraph  | `@editorjs/paragraph`  |
| checklist  | `@editorjs/checklist`  |

## Contributing

Welcome to contribute.

## License

[MIT Licensed.](https://github.com/stfy/react-editor.js/blob/master/LICENSE) License 2019