Installation
npx shadcn@latest add https://platejs.org/r/ghost-text
Examples
Loading...
Files
components/copilot-demo.tsx
'use client';
import * as React from 'react';
import { Plate, usePlateEditor } from 'platejs/react';
import { EditorKit } from '@/components/editor/editor-kit';
import { CopilotKit } from '@/components/editor/plugins/copilot-kit';
import { copilotValue } from '@/registry/examples/values/copilot-value';
import { Editor, EditorContainer } from '@/components/ui/editor';
export default function CopilotDemo() {
const editor = usePlateEditor({
plugins: [...CopilotKit, ...EditorKit],
value: copilotValue,
});
return (
<Plate editor={editor}>
<EditorContainer variant="demo">
<Editor />
</EditorContainer>
</Plate>
);
}
Plate Plus
- Rich text suggestions including marks and links
- Hover card with additional information
- Beautifully crafted UI