Excalidraw

功能特性

集成 Excalidraw 库用于创建绘图和图表

安装


pnpm add @platejs/excalidraw

使用方式

import { ExcalidrawPlugin } from '@platejs/excalidraw/react';
 
const plugins = [
  // ...其他插件
  ExcalidrawPlugin,
];

插入工具栏按钮

可以将此项添加到插入工具栏按钮来插入 Excalidraw 元素：

{
  icon: <PenToolIcon />,
  label: 'Excalidraw',
  value: KEYS.excalidraw,
}

插件

`ExcalidrawPlugin`

Excalidraw 空元素插件。

API 接口

`insertExcalidraw`

向编辑器中插入 Excalidraw 元素。

Parameters

props optional NodeProps<TExcalidrawElement>
Excalidraw 元素的属性参数
options optional InsertNodesOptions
插入 Excalidraw 元素的配置选项

钩子函数

`useExcalidrawElement`

Excalidraw 组件的行为钩子。

State

Collapse all

element TExcalidrawElement

Excalidraw 元素

libraryItems optional LibraryItems

在 Excalidraw 组件中显示的库项目

默认值: []

scrollToContent optional boolean

是否滚动到 Excalidraw 组件内部内容

默认值: true

Returnsobject

Collapse all

Excalidraw any

Excalidraw 组件

excalidrawProps ExcalidrawProps

传递给 Excalidraw 组件的属性参数

Equation Excalidraw

On This Page

功能特性安装使用方式插入工具栏按钮插件 ExcalidrawPluginAPI 接口 insertExcalidraw钩子函数 useExcalidrawElement