# AI 菜单配置
AI 菜单配置，用于在编辑器顶部工具栏，点击 AI 下拉的菜单内容，以及当选中文字后，弹出的 AI 泡泡菜单里的 AI 选项内容。
## 工具栏菜单
工具栏菜单配置示例代码
```typescript
new LinwitDocEditor({
element: "#aiEditor",
ai:{
// models:{...] 等其他配置
menus:[
{
icon: ``,
name: "AI 续写",
prompt: "请帮我继续扩展一些这段话的内容",
text: "focusBefore",
model:"auto",
},
{
icon: ``,
name: "AI 优化",
prompt: "请帮我优化一下这段文字的内容，并返回结果",
text: "selected",
model:"auto",
},
]
},
})
```
- **icon**：用于菜单显示的 icon，暂时只支持 svg 配置，svg icon 建议使用 https://remixicon.com 提供的 icon，以保证和 LinwitDocEditor 的 icon 风格保持统一。
- **name**：AI 菜单的名称
- **prompt**：AI 提示语
- **text**：文字内容，支持 `"focusBefore"` 和 `"selected"` 可选；`"focusBefore"` 表示获取当前焦点前的文字内容，`"selected"` 表示获取当前选中的文本内容。
- **model**：使用的 AI 大模型，目前已支持 `chatGPT`、`spark` (星火大模型)、`wenxin`（文心一言）以及 `custom`（自定义类型）。
- **onClick**：自定当前菜单项的点击事件。
**注意：** 当 `model` 未配置，或者配置为 "`auto`" 时，会自动选择第一个配置的大语言模型。
## 泡泡菜单
配置实例代码：
```typescript
new LinwitDocEditor({
element: "#aiEditor",
ai:{
// models:{...] 等其他配置
bubblePanelMenus:[
{
prompt: `{content}\n请帮我优化一下这段内容，并直接返回优化后的结果。\n注意：你应该先判断一下这句话是中文还是英文，如果是中文，请给我返回中文的内容，如果是英文，请给我返回英文内容，只需要返回内容即可，不需要告知我是中文还是英文。`,
icon: ``,
title: 'improve-writing',
},
{
prompt: `{content}\n请帮我检查一下这段内容，是否有拼写错误或者语法上的错误。\n注意：你应该先判断一下这句话是中文还是英文，如果是中文，请给我返回中文的内容，如果是英文，请给我返回英文内容，只需要返回内容即可，不需要告知我是中文还是英文。`,
icon: ` `,
title: 'check-spelling-and-grammar',
},
'
',
{
prompt: `{content}\n请帮我翻译以上内容，在翻译之前，想先判断一下这个内容是不是中文，如果是中文，则翻译为英文，如果是其他语言，则需要翻译为中文，注意，你只需要返回翻译的结果，不需要对此进行任何解释，不需要除了翻译结果以外的其他任何内容。`,
icon: ``,
title: 'translate',
},
{
prompt: `{content}\n请帮我总结以上内容，并直接返回总结的结果\n注意：你应该先判断一下这句话是中文还是英文，如果是中文，请给我返回中文的内容，如果是英文，请给我返回英文内容，只需要返回内容即可，不需要告知我是中文还是英文。`,
icon: ``,
title: 'summarize',
},
]
},
})
```
- **prompt**：AI 提示
- **icon**：菜单展示使用的图标，目前仅支持 svg 配置，svg 图标建议使用 https://remixicon.com 提供的图标，以保证与 LinwitDocEditor 图标样式一致。
- **title**：AI 菜单的名称