Basic Elements

Kit Usage

Installation

The BasicBlocksKit bundles plugins for Paragraphs, Headings (H1, H2, H3), Blockquotes, and Horizontal Rules, along with their respective UI components from Plate UI. It also registers the shipped markdown input rules for headings, blockquotes, and horizontal rules.

• ParagraphElement: Renders paragraph elements.
• H1Element: Renders H1 elements.
• H2Element: Renders H2 elements.
• H3Element: Renders H3 elements.
• BlockquoteElement: Renders blockquote elements.
• HrElement: Renders horizontal rule elements.

Add Kit

Add the kit to your plugins:

import { createPlateEditor } from 'platejs/react';
import { BasicBlocksKit } from '@/components/editor/plugins/basic-blocks-kit';

const editor = createPlateEditor({
  plugins: [
    // ...otherPlugins,
    ...BasicBlocksKit,
  ],
});

The kit enables the common block markdown shortcuts out of the box:

• # , ## , ### for headings
• > for blockquotes
• --- and ___ for horizontal rules

See the Plugin Input Rules guide for the runtime model and the exact rule families.

Manual Usage

npm install @platejs/basic-nodes

For individual plugin setup and configuration, see the specific plugin documentation pages linked above.