Hyperlink Tool

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

Installation

Get the package via NPM

npm i editorjs-hyperlink-upgrade -D

or via Yarn

yarn add editorjs-hyperlink-upgrade -D

Include module at your application

const Hyperlink = require("editorjs-hyperlink-upgrade");

Usage

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

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