Hyperlink Tool

A tool link with target & rel attribute for Editor.js.

!Screen Shot 2020-11-08 at 23 51 36

!Screen Shot 2020-11-08 at 23 51 43

!Screen Shot 2020-11-08 at 23 52 04

Installation

$3

``shell
npm i editorjs-hyperlink -D
`


$3

`shell
yarn add editorjs-hyperlink -D
`

Include module at your application

`javascript
const Hyperlink = require('editorjs-hyperlink');
`

Usage


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

`javascript
var editor = EditorJS({
...

tools: {
...

hyperlink: {
class: Hyperlink,
config: {
shortcut: 'CMD+L',
target: '_blank',
rel: 'nofollow',
availableTargets: ['_blank', '_self'],
availableRels: ['author', 'noreferrer'],
validate: false,
}
},

...
},

...

i18n: {
toolNames: {
Hyperlink: 'Link'
},
tools: {
hyperlink: {
Save: 'Salvar',
'Select target': 'Seleziona destinazione',
'Select rel': 'Wählen rel'
}
}
}

...
});
`

Config Params (optional)

| Field | Type | Description |
| ------ | -------- | ---------------- |
| shortcut | string | Shortcut, defaults to 'CMD+L' |
| target | string | Defines a default target, defaults to null |
| rel | string | Defines a default rel, defaults to null |
| availableTargets | string[] | Available link targets, defaults to all targets.
If empty array is provided, the control will be hidden and the default value applied. |
| availableRels | string[] | Available link rels, defaults to all rels.
If empty array is provided, the control will be hidden and the default value applied. |
| validate | boolean` | Defines if an URL should be validated on saving |

License

MIT