探索 Tiptap V3 的最新功能

内容 AI 中的自动补全

Available in Start plan

启用自动补全时,系统会利用您已书写的文本片段来生成建议。

只需在书写时按下 Tab 键即可触发自动补全。再次按下 Tab 键接受建议的补全内容。

如果您想现场体验,请在本演示中任意文本行后按 Tab 键。

配置自动补全

集成内容 AI 扩展时,您可以指定是否启用自动补全, 自动补全功能的行为方式以及应考虑的上下文。

设置项类型默认值定义
autocompletionbooleanfalse启用自动补全功能。书写文本时,按下 Tab 键触发自动补全,再按一次 Tab 接受补全内容。系统会使用您已书写的部分文本作为向 OpenAI 构建提示的基础。
autocompletionOptionsobject{ trigger: 'Tab', accept: 'Tab', debounce: 0, inputLength: 4000, modelName: 'gpt-3.5-turbo' }定义触发自动补全所用的触发键和用于生成补全建议的文本长度。若未显式设置,accept 默认为触发键。debounce 表示触发后请求的去抖动时间(毫秒)。您还可以选择用于运行自动补全任务的 OpenAI 模型。

欲了解内容 AI 扩展的其他全部配置选项,请访问安装页面

启用自动补全

import { Editor } from '@tiptap/core'
import StarterKit from '@tiptap/starter-kit'
import Ai from '@tiptap-pro/extension-ai'

const editor = new Editor({
  extensions: [
    StarterKit,
    Ai.configure({
      appId: 'APP_ID_HERE',
      token: 'TOKEN_HERE',
      autocompletion: true,
      // … 其他选项(见上文)
    }),
    // … 更多扩展
  ],
})