Builtin Plugins

Quill Next comes with a set of built-in plugins that are ready to use.

Markdown Plugin

The MarkdownPlugin is a plugin that renders a markdown content in the editor.

Usage

Toolbar Plugin

The ToolbarPlugin is a plugin that renders a toolbar at the top of the selected text. You can use it to render a custom toolbar or use the built-in Notion-like toolbar.

Usage

This plugin uses the render prop to render a custom toolbar. The parameters are:

• bounds: The bounds of the selected text.
• formats: The formats of the selected text.

Example

<ToolbarPlugin
  render={({ bounds, formats }) => {
    return <div>Toolbar</div>;
  }}
/>

Notion-like Toolbar

Demo

Try to select some text and see the toolbar.