Content AI extension

• Initialization
• Configuration

#Initialization

The integration into your editor instance is done like every other Tiptap extension. This is an example on how it could look like:

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

const editor = useEditor({
  extensions: [
    StarterKit,
    Ai.configure({
      appId: 'APP_ID_HERE',
      token: 'TOKEN_HERE',
      autocompletion: true,
      // … other options (see below)
    }),
    // … more extensions
  ]
})

#Configuration

The extension accepts different global settings on configuration.