AiEditor 是面向 AI 时代的新型富文本编辑器,兼容多种前端框架如 Layui、Vue、React、Angular 和 Svelte,适用于 PC 和移动端。它提供了亮色和暗色主题,并且具备高灵活性的配置能力,方便开发者构建各类文字编辑应用。
与 CKEditor、TinyMCE 和 Tiptap 等现有编辑器相比,AiEditor 在开源协议、定制化和 AI 功能费用方面有显著优势,还支持通过私人 API Key 对接多种大模型。AiEditor 正在不断演进,已在 Gitee 和 GitHub 上开源。

AiEditor 简介
它是一款为 AI 时代量身打造的富文本编辑器,基于 Web Component 开发,具有极高的兼容性。它支持主流前端框架如 Layui、Vue、React、Angular 和 Svelte,这意味着无论你使用哪个框架,都可以轻松集成 AiEditor。它不仅适用于 PC 端,也兼顾了移动端用户的使用体验,提供亮色和暗色两种主题,满足不同用户的视觉需求。AiEditor 还具备高度灵活的配置能力,允许开发者根据具体需求进行定制,打造出符合特定应用场景的编辑器。
为什么开发 AiEditor
在 AI 技术迅猛发展的今天,文本编辑器也需要与时俱进。2023 年,我们决定为自己的产品选择合适的 AI 富文本编辑器,过程中发现现有的编辑器如 CKEditor、TinyMCE 和 Tiptap 存在一些问题。首先,CKEditor 和 TinyMCE 基于 GPL 协议,不太友好;其次,Tiptap 是无头编辑器,需要进行大量的额外开发工作。最关键的是,这些编辑器的 AI 功能都需要使用收费插件和云服务,限制了应用的灵活性和私有化部署的可能。为了解决这些问题,我们开发了 AiEditor,支持使用私人 API Key 对接各种大模型,无论是 ChatGPT、讯飞星火还是文心一言,都能灵活应用。
官方的demo

AiEditor 的定位
AiEditor 的开发初衷是解决 AI 编辑功能的痛点。希望 AiEditor 能够广泛应用,不受限于任何 UI 框架,能够与 Vue、React、Angular、Svelte 等无缝集成。基于 Web Component 的开发方式,使其能够与任何框架良好结合。AiEditor 提供了友好的 UI 页面,支持亮色和暗色主题,兼顾了不同用户的使用习惯。它不仅支持 Markdown 书写,还提供了丰富的功能配置和自定义布局,采用比 CKEditor 和 TinyMCE 更友好的 LGPL 开源协议。未来,AiEditor 将继续学习并借鉴优秀产品如 Notion,提供更多实用的 AI 功能。
功能描述
AiEditor 具备强大的功能集,能够满足现代文本编辑的各种需求。它包括了基本的文本格式化功能,如标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用等。除此之外,增强功能如撤回、重做、格式刷、橡皮擦(清除格式)、待办事项、字体颜色、背景颜色、Emoji 表情、对齐方式、行高、有(无)序列表、段落缩进、强制换行等也一应俱全。
| 功能 | 描述 |
|---|---|
| 基础功能 | 标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用、打印 |
| 增强功能 | 撤回、重做、格式刷、橡皮擦(清除格式)、待办事项、字体颜色、背景颜色、Emoji 表情、对齐方式、行高、有(无)序列表、段落缩进、强制换行 |
| 附件功能 | 支持图片、视频、文件功能,支持选择上传、粘贴上传、拖拽上传、支持拖动调整大小… |
| 代码功能 | 行内代码、代码块、语言类型选择、AI 自动注释、AI 代码解释… |
| Markdown | 标题、引用、表格、图片、代码块、高亮块(类似 vuepress 的 :::)、各种列表、粗体、斜体、删除线… |
| AI 功能 | AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts |
| 更多功能 | 国际化、亮色主题、暗色主题、手机版适配、全屏编辑、@某某某(提及)… |
在附件功能方面,AiEditor 支持图片、视频、文件的上传与粘贴,并且可以拖动调整大小。代码功能方面,它支持行内代码、代码块、语言类型选择以及 AI 自动注释和代码解释。Markdown 支持包括标题、引用、表格、图片、代码块、高亮块(类似 vuepress 的 :::)、各种列表、粗体、斜体、删除线等。
AI 功能更是 AiEditor 的亮点,涵盖 AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts 等。
未来,AiEditor 还将推出团队协作、AI 插入图片、AI 图生成、AI 一键排版、自动获取缩略图、WORD 导入、导出 PDF 预览、类 Notion 拖拽功能等,打造更强大的文本编辑体验。
开源信息
经过一段时间的开发,AiEditor 终于发布了第一个开源版本,具备了一个编辑器应有的基本功能。功能描述如上所述。AiEditor 持续进化中,未来将继续增加更多实用功能,并不断优化用户体验。
开源地址: