Skip to content

文本与排版

Full Editor

各 preset 均支持基础文本格式。入口因 preset 而异:

能力basic / fullnotion
粗体 / 斜体 / 下划线 / 删除线顶栏选中文字 → 浮动菜单
文字颜色 / 高亮顶栏颜色选择器浮动菜单
标题 H1–H6顶栏标题下拉浮动菜单 或 / 选标题块
有序 / 无序 / 任务列表顶栏浮动菜单 或 /
链接顶栏浮动菜单
对齐顶栏无入口(见下)
清除格式顶栏无入口(见下)
字体族 / 字号full 顶栏
上下标full 顶栏
格式刷full 顶栏—(notion 关闭)

浮动菜单(FloatingMenu)只在存在非空文本选区时出现,位置跟随选区;空行光标不会触发它。它包含:标题下拉、粗/斜/下划线/删除线、文字色与高亮、链接、列表,以及 AI gate 开启时的 AiMenuButton

notion 下没有对齐与清除格式入口

AlignDropdownClearFormatButton 只挂在顶栏(ToolbarNav),而 notion 隐藏顶栏。浮动菜单不含这两项,块菜单(/)与拖拽菜单(复制块 / 删除块 / 转换为)也没有。TextAlign 扩展本身仍注册,可通过命令或快捷键使用,但没有内置按钮。

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

Inline Editor

默认开启 textFormat(粗体、斜体、下划线、删除线)。可追加 headinglistalignfontclearFormat 等。

vue
<YanivInlineEditor
  v-model:content="html"
  :toolbar="{ undoRedo: true, textFormat: true, link: true, list: true, align: true }"
/>

相关