Plate Pro
Docs
Editors
Templates
Toggle Menu
Search documentation...
Search...
⌘
K
GitHub
Discord
Toggle theme
Sign in
Get all-access
Components
Cursor Overlay
Cursor Overlay
Installation
Install the following dependencies:
Copy
npm
install
@platejs/dnd @platejs/selection
Copy and paste the following code into your project.
Get the code ->
Update the import paths to match your project setup.
Examples
Preview
Ai
Get the code ->
Loading...
Floating Discussion
Block Draggable
Introduction
Installation
Examples
Components
Minimal
Playground
Potion
Plus
Overview
AI
Copilot
AI
Basic Nodes
Block Menu
Callout
Column
Discussion
Date
Emoji
Drag & Drop
Equation
Floating Toolbar
Link
New
Media
Mention
New
Slash Command
Table
Table of Contents
Ai Node
Blockquote Node
Callout Node
Code Block Node
Code Node
Comment Node
Suggestion Node
Block Suggestion
Suggestion Toolbar Button
Column Node
Date Node
Emoji Node
Equation Node
Heading Node
Hr Node
Media Image Node
Media Preview Dialog
Link Node
Media Audio Node
Media Embed Node
Media File Node
Media Placeholder Node
Media Video Node
Mention Node
Paragraph Node
Slash Node
Table Node
Toc Node
Toggle Node
Ai Menu
Ai Toolbar Button
Block Context Menu
Block Menu
Block Selection
Caption
Font Color Toolbar Button
Comment Toolbar Button
Block Discussion
Floating Discussion
Cursor Overlay
Block Draggable
Editor
Emoji Toolbar Button
Floating Toolbar Buttons
Floating Toolbar
Ghost Text
Inline Combobox
Equation Toolbar Button
Link Toolbar
Link Toolbar Button
Mark Toolbar Button
Media Toolbar
More Toolbar Button
Media Upload Toast
Resize Handle
Toc Sidebar
Turn Into Toolbar Button
Avatar
Button
Calendar
Checkbox
Command
Dialog
Dropdown Menu
Hover Card
Input
Menu
Popover
Progress
Separator
Spinner
Tabs
Textarea
Toggle
Toolbar
Tooltip
Plate Pro