AI PluginAI LeafAI Toolbar ButtonBlock DiscussionBlock SelectionBlock SuggestionBlockquote ElementCallout NodeCaptionCode Block NodesCode LeafColumn NodesComment LeafCursor OverlayDate ElementEditorEmoji Input ElementEmoji Toolbar ButtonEquation ElementFont Color Toolbar ButtonHeading ElementHighlight LeafHorizontal Rule ElementImage ElementInline ComboboxKeyboard Input LeafLink ElementListMark Toolbar ButtonMedia Audio ElementMedia File ElementMedia ToolbarMedia Video ElementMention NodesParagraph ElementResize HandleSuggestion LeafSuggestion Toolbar ButtonTable ElementTOC ElementToggle ElementToolbarAI Menu
Installation
npx shadcn@latest add https://platejs.org/r/ai-menu
Examples
Loading...
Files
components/demo.tsx
'use client';
import * as React from 'react';
import { Plate, usePlateEditor } from 'platejs/react';
import { EditorKit } from '@/components/editor/editor-kit';
import { Editor, EditorContainer } from '@/components/ui/editor';
import { DEMO_VALUES } from './values/demo-values';
export default function Demo({ id }: { id: string }) {
const editor = usePlateEditor({
plugins: EditorKit,
value: DEMO_VALUES[id],
});
return (
<Plate editor={editor}>
<EditorContainer variant="demo">
<Editor />
</EditorContainer>
</Plate>
);
}
Plate Plus
Combobox menu with free-form prompt input
- Additional trigger methods:
- Block menu button
- Slash command menu
- Beautifully crafted UI