Skip to content

Yaniv Editor Docs

Vue 3 + Tiptap 3 rich text editor with Full and Inline component shapes (current v0.1.2).

After installing peer dependencies, you do not need global Ant Design Vue registration in the host app (see Getting Started).

I want to…Start here
Get started in 5 minutesGetting Started
Pick preset / enable featuresFeature Matrix
Look up propsYanivEditor API
Notion-style block editingBlock Editing
Integrate AIAI Assistance + AI Config
Overlays / z-indexZ-Index & Overlays
Understand code structureArchitecture
Try locallyRun pnpm devlocalhost:9527
Live demoyanivwang.github.io/yaniv-editor/examples/

Component Shapes

ShapeImportUse case
Full@yanivjs/yaniv-editorDocuments, CMS, knowledge base
Inline@yanivjs/yaniv-editor/inlineComments, forms
AI@yanivjs/yaniv-editor/aiOptional AI extensions

Full Editor Four-Axis 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 — capability overrides

Documentation Structure

  • Guide — integration, appearance, preview, i18n, integration props, z-index & overlays
  • Features — per-capability docs and preset matrix
  • API — component props, FeatureConfig, composables
  • Contributing — project structure and architecture

Full architecture spec: repository root ARCHITECTURE.md.

Last updated: