Right-click any unselected block to open the context menu. If you right-click within a selected block, you'll see the browser's native context menu instead.
Available options in the block menu:
Ask AI to edit the block.
Delete the block.
Duplicate the block.
Turn the block type into another block type.
1
100%
Files
components/demo.tsx
'use client';import React from 'react';import { Plate } from '@udecode/plate/react';import { editorPlugins } from '@/components/editor/plugins/editor-plugins';import { useCreateEditor } from '@/components/editor/use-create-editor';import { Editor, EditorContainer } from '@/components/plate-ui/editor';import { DEMO_VALUES } from './values/demo-values';export default function Demo({ id }: { id: string }) { const editor = useCreateEditor({ plugins: [...editorPlugins], value: DEMO_VALUES[id], }); return ( <Plate editor={editor}> <EditorContainer variant="demo"> <Editor /> </EditorContainer> </Plate> );}