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 还具备高度灵活的配置能力，允许开发者根据具体需求进行定制，打造出符合特定应用场景的编辑器。

官方地址：https://aieditor.dev/zh/what-is-ai-editor.html

二、为什么开发 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 表情、对齐方式、行高、有（无）序列表、段落缩进、强制换行等也一应俱全。

在附件功能方面，AiEditor 支持图片、视频、文件的上传与粘贴，并且可以拖动调整大小。代码功能方面，它支持行内代码、代码块、语言类型选择以及 AI 自动注释和代码解释。Markdown 支持包括标题、引用、表格、图片、代码块、高亮块（类似 vuepress 的 :::）、各种列表、粗体、斜体、删除线等。

AI 功能更是 AiEditor 的亮点，涵盖 AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts 等。

未来，AiEditor 还将推出团队协作、AI 插入图片、AI 图生成、AI 一键排版、自动获取缩略图、WORD 导入、导出 PDF 预览、类 Notion 拖拽功能等，打造更强大的文本编辑体验。

五、开源信息

经过一段时间的开发，AiEditor 终于发布了第一个开源版本，具备了一个编辑器应有的基本功能。功能描述如上所述。AiEditor 持续进化中，未来将继续增加更多实用功能，并不断优化用户体验。

AiEditor 的开源地址为：

• Gitee: https://gitee.com/aieditor-team/aieditor
• Github: https://github.com/aieditor-team/aieditor"