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