📅 You're Invited: Meet the Socket team at RSAC (April 28 – May 1).RSVP
Socket
Sign inDemoInstall
Socket

@quanzo/change-font-size

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@quanzo/change-font-size

Change font size inline tool for Editor.js

1.0.0
latest
Source
npm
Version published
Maintainers
1
Created
Source

ChangeFontSize Tool

Change font size for the Editor.js.

Installation

Install via NPM

Get the package

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

Include module at your application

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

Download to your project's source dir

  • Upload folder dist from repository
  • 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://cdn.jsdelivr.net/npm/@quanzo/change-font-size@1.0.0

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

Config Params

ParamTypeDescription
cssClassstringThis class will be added to the tag span.
buttonTextstringText for toolbar.
buttonIconstringContent for the button. For example svg.

Output data

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

{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <span class=\"plus20pc\">npm init</span> command."
    }
}

Keywords

codex editor

FAQs

Package last updated on 21 Aug 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts