Skip to content

块编辑

Notion 风格块编辑由 slashCommanddragHandle 能力驱动,notion preset 默认开启

vue
<YanivEditor preset="notion" appearance="notion" />

也可在其它 preset 上显式开启:

vue
<YanivEditor preset="full" :features="{ slashCommand: true, dragHandle: true }" />

斜杠命令 /

空行输入 / 弹出块类型菜单,支持搜索过滤。

基础块

段落、标题 H1–H3

列表

有序列表、无序列表、任务列表

Notion 块

块类型说明快捷
标注 Callout提示框块空行输入 >
折叠列表 Toggle可展开/收起/ 选择
分栏 ColumnLayout双列布局/ 选择
嵌入 Embed外链书签卡片/ 选择
提及 Mention@ 用户/实体输入 @

高级块

引用、代码块、表格、图片、视频、公式、分割线

块菜单按 gate 与 schema 过滤(例如无 table gate 时不显示表格项)。

拖拽手柄

段落左侧 六点图标

  • 点击打开插入/操作菜单
  • 拖拽块 reorder

Markdown 输入规则

notion 方案下支持部分 Markdown 快捷输入:

  • [] / [x] → 任务列表
  • > → 标注块
  • --- → 分割线

行首悬浮菜单

fullnotion 在空行行首显示 + 或格式按钮,与块菜单互补。

预览模式

preview 下块菜单与拖拽交互被禁用(chromePolicy.showBlockPicker=false + isEditable 守卫)。

相关