An AI editor
Files
app/editor/page.tsx
import { Toaster } from 'sonner';

import { PlateEditor } from '@/components/editor/plate-editor';

export default function Page() {
  return (
    <div className="h-screen w-full">
      <PlateEditor />

      <Toaster />
    </div>
  );
}
A multi-select editor
Files
app/editor/page.tsx
import EditorSelectForm from '@/registry/examples/select-editor-demo';

export default function Page() {
  return (
    <div className="flex h-screen w-full justify-center">
      <EditorSelectForm />
    </div>
  );
}
A basic editor
Files
app/editor/page.tsx
import { PlateEditor } from '@/components/editor/plate-editor';

export default function Page() {
  return (
    <div className="h-screen w-full">
      <PlateEditor />
    </div>
  );
}