Skip to content

Blockquote Plugin

The BlockquotePlugin adds block quote support with a toggle command, keyboard shortcut, and Markdown-style input rule.

Blockquote in the editor

import { BlockquotePlugin } from '@notectl/core';
new BlockquotePlugin()
interface BlockquoteConfig {
/** Render separator after toolbar item. */
readonly separatorAfter?: boolean;
}
CommandDescriptionReturns
toggleBlockquoteToggle blockquote on/off for the current blockboolean
setBlockquoteConvert the current block to blockquoteboolean
editor.executeCommand('toggleBlockquote');
ShortcutAction
Ctrl+Shift+> / Cmd+Shift+>Toggle blockquote
PatternResult
> (at the start of a line)Convert to blockquote
TypeHTML TagDescription
blockquote<blockquote>Block-level quote container

The toDOM method creates a <blockquote> element with the required data-block-id attribute. The editor’s default styles render a left border and padding for visual distinction.