open-index/open-npm huggingface dataset:
npm package: @quanzo/change-font-size
Description: Change font size inline tool for Editor.js
Author: Quanzo
Latest version: 1.0.0

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

# ChangeFontSize Tool

Change font size for the [Editor.js](https://ifmo.su/editor).




## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @quanzo/change-font-size
```

Include module at your application

```javascript
const InlineCode = require('@quanzo/change-font-size');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/editor.change-font-size.js` file to your page.

### Load from CDN

You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@quanzo/change-font-size).

`https://cdn.jsdelivr.net/npm/@quanzo/change-font-size@1.0.0`

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: {
    ...
    plus10percent: {
      class: ChangeFontSize,
    },
	  plus20percent: {
	    class: ChangeFontSize,
	    config: {
					cssClass: "plus20pc",
					buttonText: "20%"
				}
			},
  },
  
  ...
});
```

## Config Params

| Param     | Type     | Description      |
| --------- | -------- | -----------------|
| cssClass     | `string` | This class will be added to the tag `span`.  |
| buttonText   | `string` | Text for toolbar. |
| buttonIcon   | `string` | Content for the button. For example svg. |

## Output data

Marked text will be wrapped with a `span` tag with class.

```json
{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <span class=\"plus20pc\">npm init</span> command."
    }
}
```
npm package: @quanzo/metaparam
Description: Meta tags Tool for Editor.js
Author: Quanzo
Latest version: 1.0.1

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

# Meta tags tool

Provides page meta tags for the [CodeX Editor](https://ifmo.su/editor). Block has title, description and keywords.

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @quanzo/metaparam
```

Include module at your application

```javascript
const Metaparam = require('@quanzo/metaparam');
```

### Download to your project's source dir

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

### Load from CDN

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

`https://cdn.jsdelivr.net/npm/@quanzo/metaparam@latest`

Then require this script on page with CodeX Editor.

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

## Usage

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

```javascript
var editor = CodexEditor({
  ...
  
  tools: {
    ...
    metaparam: Metaparam,
  },
  
  ...
});
```

Or init Metaparam Tool with additional settings

```javascript
var editor = CodexEditor({
  ...
  
  tools: {
    ...
    metaparam: {
      class: Metaparam,
      config: {
        titlePlaceholder: 'Title',
        descriptionPlaceholder: 'Description',
		    keywordsPlaceholder: 'Keywords',
      },
    },
  },
  
  ...
});
```

## Output data

| Field     | Type     | Description      |
| --------- | -------- | -----------------|
| title     | `string` | title  |
| description   | `string` | description |
| keywords   | `string` | keywords |

```json
{
    "type" : "metaparam",
    "data" : {
        "title" : "Page title",
        "description" : "Avoid using this method just for lulz. It can be very dangerous opposite your daily fun stuff.",
		    "keywords" : "keywords"
    }
}
```