国产开源AI富文本编辑器：领先智能编辑体验

AiEditor

功能预览

AiEditor是一个面向AI的富文本编辑器，提供了丰富的功能，包括但不限于：

1. 基础功能：
   • 标题、正文、字体、字号、下划线、删除线、链接、行内代码等。
   • 加粗、斜体、上标、下标、分割线、引用、打印等功能。
2. 表格功能：
   • 左增右增、上减下减、合并单元格等操作。
   • 解除合并、左减右减、上增下增等功能。
3. 附件支持：
   • 视频、图片、文件功能。
   • 支持选择粘贴上传、拖拽上传，以及拖动调整大小等操作。
4. 代码功能：
   • 代码块、行内代码、代码语言选择等功能。
5. 增强功能：
   • 撤回、重做待办事项、字体颜色、背景颜色、Emoji表情等。
   • 行高、有序/无序列表、对齐方式、格式刷、段落缩进、强制换行等。
6. 主题支持：
   • 亮色主题、暗色主题。
7. 移动端适配：
   • 支持手机适配、全屏编辑、@某某某（提及）等功能。
8. AI功能：
   • AI续写、AI翻译、AI校对、AI优化等功能。
   • 支持自定义AI菜单及其Prompts。

本地安装

通过npm安装AiEditor，命令如下：

<code>npm <strong>i</strong> aieditor</code>

然后进行代码初始化，示例：

<code><strong>new</strong> <strong>AiEditor</strong>({ element: "#aiEditor", placeholder: "点击输入内容...", content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。', ai: { model: { xinghuo: { appId: "***", apiKey: "***", apiSecret: "***", } } } })</code>

本地构建运行

1. 使用Git命令拉取最新的源码：

<code>git clone https://gitee.com/aieditor-team/aieditor.git cd aieditor</code>

2. 安装依赖：

<code>npm install</code>

3. 修改src/main.ts，示例如下：

<code><strong>new</strong> <strong>AiEditor</strong>({ element: "#aiEditor", placeholder: "点击输入内容...", content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。', ai: { model: { xinghuo: { appId: "***", apiKey: "***", apiSecret: "***", } } } })</code>

或者移除AI配置（若不需要AI功能）：

<code><strong>new</strong> <strong>AiEditor</strong>({ element: "#aiEditor", placeholder: "点击输入内容...", content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。', })</code>

4. 执行命令运行：

<code>npm run dev</code>

AI功能配置

1. 前往科大讯飞注册账号
2. 添加科大讯飞星火大模型的相关配置，在科大讯飞服务管理中获取appId、apiKey、apiSecret

<code><strong>new</strong> <strong>AiEditor</strong>({ element: "#aiEditor", placeholder: "点击输入内容...", content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。', ai: { model: { xinghuo: { appId: "***", apiKey: "***", apiSecret: "***", } } } })</code>

以上是对AiEditor的功能介绍和使用方法，希望能够帮助您更好地了解和使用该富文本编辑器。