Link Kit

Features

• Insert, edit, and remove hyperlinks.
• Markdown shortcut: type [text](url) and close with ) to turn it into a link.
• Plain URL autolink: paste a URL, or type a URL then press space or Enter.

Usage

Installation

The fastest way to add link functionality is with the LinkKit, which includes pre-configured LinkPlugin with floating toolbar, autolink rules, and Plate UI components.

• LinkElement: Renders link elements.
• LinkFloatingToolbar: Provides floating toolbar for link editing.

Add Kit

Add the kit to your plugins:

import { createPlateEditor } from "platejs/react";
import { LinkKit } from "@/components/editor/plugins/link-kit";

const editor = createPlateEditor({
  plugins: [
    // ...otherPlugins,
    ...LinkKit,
  ],
});