Suggestion Kit

Features

• Text Suggestions: Add suggestions as text marks with inline annotations
• Block Suggestions: Create suggestions for entire blocks of content
• State Tracking: Track suggestion state and user interactions
• Undo/Redo Support: Full undo/redo support for suggestion changes
• Discussion Integration: Works with discussion plugin for complete collaboration

Usage

Installation

The fastest way to add suggestion functionality is with the SuggestionKit, which includes pre-configured SuggestionPlugin and related components along with their Plate UI components.

• SuggestionLeaf: Renders suggestion text marks
• BlockSuggestion: Renders block-level suggestions
• SuggestionLineBreak: Handles line breaks in suggestions

Add Kit

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

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

Connect users, persistence, permissions, and any realtime transport in the host application. The component alone does not provide a shared backend.