Callout

Highlight important information or add special notes.

Callout Element

功能

  • 可自定义的标注块，用于突出显示重要信息
  • 支持不同的标注变体（例如：信息、警告、错误）
  • 能够为标注设置自定义图标或表情符号

安装

npm install @udecode/plate-callout

使用

import { CalloutPlugin } from '@udecode/plate-callout/react';
const plugins = [
  // ...otherPlugins,
  CalloutPlugin,
]
const components = {
  // ...otherComponents,
  [CalloutPlugin.key]: CalloutElement,
}

示例

Plate UI

Work in progress.

Plate Plus

插件

CalloutPlugin

标注元素插件。

Transforms

editor.tf.insert.callout

插入标注元素。

Parameters

Collapse all

    编辑器实例。

    插入标注的选项。

Hooks

useCalloutEmojiPicker

此钩子管理标注的表情选择器功能。

Parameters

Collapse all

    标注表情选择器的选项。

Returns

Collapse all

    表情工具栏下拉菜单的属性。

    表情选择器组件的属性。

Types

TCalloutElement

interface TCalloutElement extends TElement {
  variant?: string;
  icon?: string;
}
Block SelectionCaption