slate-paste-linkify

A Slate plugin that wraps a selection in an inline link element when a URL is pasted from the clipboard.

View Demo ⬈

import PasteLinkify from 'slate-paste-linkify'
import { Editor } from 'slate-react'

// Add the plugin to your set of plugins...
const plugins = [
  PasteLinkify()
]

// And later pass it into the Slate editor...
<Editor
  ...
  plugins={plugins}
/>

This plugin works by taking in options that specify link-related commands and queries to execute when it detects that the user is trying to insert a link (by pasting or drag-dropping). This way you can define the exact behavior you want in the commands, but delegate the detection of links being inserted to the plugin.

| Option | Type | Description | | ----------------------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------- | | isActiveQuery (default: 'isLinkActive') | String | The name of the query that checks whether the current selection has a link in it to unwrap. | | wrapCommand (default: 'wrapLink') | String | The name of the command that wraps the selection in a link. It will be passed the url of the link as its argument. | | unwrapCommand (default: 'unwrapLink') | String | The name of the command that unwraps a link in the current selection. |