Skip to content

Yaniv Editor 文档

Vue 3 + Tiptap 3 富文本编辑器,提供 FullInline 两种组件形态(当前 v0.1.2)。

安装 peer 依赖后即可使用,无需在宿主应用中全局注册 Ant Design Vue(详见 快速开始)。

快速链接

我想…从这里开始
5 分钟接入快速开始
选 preset / 开功能功能对照表
查 PropsYanivEditor API
Notion 块编辑块编辑
接 AIAI 辅助 + AI 配置
浮层 / z-indexZ-Index 与浮层
理解代码结构架构设计
本地体验运行 pnpm devlocalhost:9527
在线 Demoyanivwang.github.io/yaniv-editor/examples/

组件形态

形态导入场景
Full@yanivjs/yaniv-editor文档、CMS、知识库
Inline@yanivjs/yaniv-editor/inline评论、表单
AI@yanivjs/yaniv-editor/ai可选 AI 扩展

Full Editor 四维 API

vue
<YanivEditor
  mode="edit"
  preset="basic"
  appearance="default"
  color-mode="light"
  :features="{ table: true }"
/>
  • modeedit | preview
  • presetbasic | full | notion
  • appearancedefault | word | notion | custom
  • colorModelight | dark | auto
  • features — 能力覆盖

文档结构

  • 指南 — 接入、外观、预览、国际化、集成、Z-Index 与浮层
  • 功能 — 逐项能力说明与 preset 对照
  • API — 组件 props、FeatureConfig、Composables
  • 贡献 — 目录结构与架构设计

完整架构规范见仓库根目录 ARCHITECTURE.md

Last updated: