Skip to content

AI 辅助

开关

preset默认启用方式
basic:features="{ ai: true }" + :ai-config
full:features="{ ai: true }" + :ai-config
notion传入 :ai-config(或 demo 环境)
vue
<YanivEditor preset="full" :features="{ ai: true }" :ai-config="aiConfig" />
<YanivEditor preset="notion" :ai-config="aiConfig" />
<YanivEditor preset="notion" :features="{ ai: false }" />

关闭 AI 后,AI 扩展与所有 AI UI 入口不可用。

五种动作

选中文字后,通过浮动菜单触发;full preset 在开启 AI 时顶栏「智能」区也有 AiMenuButton

动作扩展说明
续写ContinueWritingExtension流式续写下文
润色PolishExtension优化选中文本
总结SummarizeExtension提取要点
翻译TranslationExtension14 种目标语言
自定义CustomAiExtension用户输入 prompt

交互 UX:AiSuggestionPopover 流式展示建议,可接受/拒绝;AiHighlightMark 高亮建议区域。

配置来源(优先级)

  1. 宿主托管:ai-config prop — 忽略 localStorage / .env,默认隐藏「AI 设置」
  2. 用户配置:localStorage + useAiConfig(无 ai-config 时)
  3. 构建时VITE_AI_* 环境变量(demo 模式)

ai-config 字段变化不触发 session 重建;扩展通过 getter 动态读取。

提供商

openai | deepseek | aliyun | ollama | custom(OpenAI 兼容)

详见 AI 配置 API

AI 子包

AI 模块从 @yanivjs/yaniv-editor/ai 导入,根包不 re-export:

ts
import {
  ContinueWritingExtension,
  PolishExtension,
  SummarizeExtension,
  TranslationExtension,
  CustomAiExtension,
  AiMenuButton,
  AiSettingsModal,
  useAiConfig,
  createAiClient,
  AI_PROVIDERS,
} from "@yanivjs/yaniv-editor/ai";

翻译语言

简体中文、繁体中文、英语、日语、泰语、法语、西班牙语、葡萄牙语、韩语、越南语、俄语、德语、印地语、印尼语。

相关