Docs
Excalidraw

Excalidraw

Create drawings and diagrams as block nodes.

Excalidraw Element

Excalidraw

Unleash your creativity with the Excalidraw plugin, which enables you to embed and draw diagrams directly within your editor.



Features

  • Integrates Excalidraw library for creation of drawings and diagrams.

Installation

npm install @udecode/plate-excalidraw

Usage

import {
  ELEMENT_EXCALIDRAW,
  ExcalidrawElement,
  createExcalidrawPlugin,
} from '@udecode/plate-excalidraw';
import { createSelectOnBackspacePlugin } from '@udecode/plate-select';
 
const plugins = [
  // ...otherPlugins
  createExcalidrawPlugin(),
  createSelectOnBackspacePlugin({
    options: { query: { allow: [ELEMENT_EXCALIDRAW] } },
  }),
];

API

createExcalidrawPlugin

insertExcalidraw

API Components

useExalidawElement

EmojiExit Break