Copilot

Copyimport { createPlateEditor } from 'platejs/react';
import { CopilotKit } from '@/components/editor/plugins/copilot-kit';
 
const editor = createPlateEditor({
  plugins: [
    // ...其他插件,
    ...CopilotKit,
    // 将使用 Tab 键的插件放在 CopilotKit 之后以避免冲突
    // IndentPlugin,
    // TabbablePlugin,
  ],
});

CopyOPENAI_API_KEY="您的-api-密钥"

bunnpmpnpmyarn
pnpm add @platejs/ai @platejs/markdown
Copy

Copyimport { CopilotPlugin } from '@platejs/ai/react';
import { MarkdownPlugin } from '@platejs/markdown';
import { createPlateEditor } from 'platejs/react';
 
const editor = createPlateEditor({
  plugins: [
    // ...其他插件,
    MarkdownPlugin,
    CopilotPlugin,
    // 将使用 Tab 键的插件放在 CopilotPlugin 之后以避免冲突
    // IndentPlugin,
    // TabbablePlugin,
  ],
});

Copyimport { CopilotPlugin } from '@platejs/ai/react';
import { serializeMd, stripMarkdown } from '@platejs/markdown';
import { GhostText } from '@/components/ui/ghost-text';
 
const plugins = [
  // ...其他插件,
  MarkdownPlugin.configure({
    options: {
      remarkPlugins: [remarkMath, remarkGfm, remarkMdx],
    },
  }),
  CopilotPlugin.configure(({ api }) => ({
    options: {
      completeOptions: {
        api: '/api/ai/copilot',
        onError: () => {
          // 模拟 API 响应。在实现路由 /api/ai/copilot 后移除
          api.copilot.setBlockSuggestion({
            text: stripMarkdown('这是一个模拟建议。'),
          });
        },
        onFinish: (_, completion) => {
          if (completion === '0') return;
 
          api.copilot.setBlockSuggestion({
            text: stripMarkdown(completion),
          });
        },
      },
      debounceDelay: 500,
      renderGhostText: GhostText,
    },
    shortcuts: {
      accept: { keys: 'tab' },
      acceptNextWord: { keys: 'mod+right' },
      reject: { keys: 'escape' },
      triggerSuggestion: { keys: 'ctrl+space' },
    },
  })),
];

Copyimport type { NextRequest } from 'next/server';
 
import { createOpenAI } from '@ai-sdk/openai';
import { generateText } from 'ai';
import { NextResponse } from 'next/server';
 
export async function POST(req: NextRequest) {
  const {
    apiKey: key,
    model = 'gpt-4o-mini',
    prompt,
    system,
  } = await req.json();
 
  const apiKey = key || process.env.OPENAI_API_KEY;
 
  if (!apiKey) {
    return NextResponse.json(
      { error: '缺少 OpenAI API 密钥。' },
      { status: 401 }
    );
  }
 
  const openai = createOpenAI({ apiKey });
 
  try {
    const result = await generateText({
      abortSignal: req.signal,
      maxTokens: 50,
      model: openai(model),
      prompt: prompt,
      system,
      temperature: 0.7,
    });
 
    return NextResponse.json(result);
  } catch (error) {
    if (error instanceof Error && error.name === 'AbortError') {
      return NextResponse.json(null, { status: 408 });
    }
 
    return NextResponse.json(
      { error: '处理 AI 请求失败' },
      { status: 500 }
    );
  }
}

CopyCopilotPlugin.configure(({ api }) => ({
  options: {
    completeOptions: {
      api: '/api/ai/copilot',
      body: {
        system: {
          system: `您是一个高级 AI 写作助手，类似于 VSCode Copilot，但适用于通用文本。您的任务是根据给定上下文预测并生成文本的下一部分。
 
规则：
- 自然地继续文本直到下一个标点符号（., ,, ;, :, ? 或 !）。
- 保持风格和语气。不要重复给定文本。
- 对于不明确的上下文，提供最可能的延续。
- 如果需要，处理代码片段、列表或结构化文本。
- 不要在响应中包含 """。
- 关键：始终以标点符号结尾。
- 关键：避免开始新块。不要使用块格式化如 >, #, 1., 2., - 等。建议应继续在与上下文相同的块中。
- 如果未提供上下文或无法生成延续，返回 "0" 而不解释。`,
        },
      },
      // ... 其他选项
    },
    // ... 其他插件选项
  },
})),

CopyCopilotPlugin.configure(({ api }) => ({
  options: {
    getPrompt: ({ editor }) => {
        const contextEntry = editor.api.block({ highest: true });
 
        if (!contextEntry) return '';
 
        const prompt = serializeMd(editor, {
          value: [contextEntry[0] as TElement],
        });
 
        return `继续文本直到下一个标点符号：
"""
${prompt}
"""`;
      },
    // ... 其他选项
  },
})),