AiEditor

AI 驱动的下一代开源富文本编辑器

AiEditor 是一个面向 AI 时代的下一代富文本编辑器。

它将 AI 能力、现代富文本编辑和专业文档能力 深度融合，为开发者提供一个 跨框架、跨设备、高度可配置、易于集成 的编辑器基础。

AiEditor 基于 Web Components 构建，不绑定特定前端框架，可以轻松集成到 Layui、Vue、React、Angular 以及几乎任何 Web 前端项目中。

无论是构建 AI 写作、知识库、企业文档、CMS、在线办公，还是合同、报告、方案等专业文档系统，AiEditor 都可以作为核心编辑能力快速集成。

AI 原生 · 跨框架 · 跨设备 · 高度可配置 · 开源

安装与浏览器引入

使用 Vite、Webpack 等构建工具时，从 npm 安装并导入公共入口：

npm install aieditor

import {AiEditor} from 'aieditor'
import 'aieditor/style.css'

不使用构建工具时，aieditor/browser 对应完全打包的 dist/browser.js，可以作为浏览器 ESM 直接部署； dist/aieditor.umd.js 是 AMD 和浏览器全局的补充兼容入口。自托管时应同时部署 dist/style.css 和 dist/assets/*，并保持二者的相对目录结构。不要把包含裸 npm 导入的 dist/index.js 直接放进静态页面。 Browser ESM 和 UMD 都是包含全部功能的分发包；发布验证会分别限制在 700 KiB 和 650 KiB gzip 以内。对首屏体积更敏感的应用应使用 npm 构建入口，由应用构建工具负责按需拆分和压缩。

<link rel="stylesheet" href="/assets/aieditor/style.css">
<script type="module">
  import {AiEditor} from '/assets/aieditor/browser.js'
  const editor = new AiEditor({element: '#editor'})
</script>

RequireJS 页面可以通过原生 <script type="module"> 或动态 import() 与 Browser ESM 共存；只有 UMD 文件支持 require(['aieditor'], callback) 这类 AMD 加载方式。

✨ 为什么选择 AiEditor？

🤖 AI 原生

AiEditor 从设计之初就面向 AI 场景，而不是在传统编辑器上简单增加一个 AI 按钮。

AI 可以直接参与文档创作和编辑：

AI 对话
AI 续写
AI 改写
AI 润色
AI 校对
AI 总结
AI 翻译
AI 内容生成
AI 文档修改与优化

支持基于全文、选区或独立问题进行 AI 操作。

🌐 跨框架，一次开发，随处集成

AiEditor 基于 Web Components 构建，不依赖特定前端框架。

因此，你可以将它轻松集成到：

Vue
React
Angular
Layui
原生 JavaScript
以及其他支持 Web Components 的前端技术栈

                         AiEditor
                            │
                     Web Components
                            │
        ┌───────────┬───────┼───────┬───────────┐
        │           │       │       │           │
       Vue        React   Angular  Layui     Vanilla JS
        │           │       │       │           │
        └───────────┴───────┼───────┴───────────┘
                            │
                     Your Application

不绑定框架，让编辑器真正成为独立的基础能力。

📱 PC 与 Mobile 全面适配

AiEditor 同时适配：

🖥️ PC Web
📱 手机 Web

针对不同屏幕尺寸提供自适应编辑体验，让同一个编辑器可以服务于桌面端和移动端业务。

同时提供：

☀️ 亮色主题
🌙 暗色主题

可以根据应用自身的 UI 风格进行配置和集成。

🚀 核心能力

📝 强大的富文本编辑

覆盖日常内容创作和企业文档所需的完整编辑能力：

标题、正文、字体、字号、颜色
段落样式
加粗、斜体、下划线、删除线
上标、下标、行内代码
有序列表、无序列表、任务列表
引用、分割线
对齐、缩进、行高、字间距
格式清除
链接、提及、Emoji
高亮内容块

📊 表格与专业内容

不仅可以写文章，也可以用于复杂业务文档。

表格插入
行列调整
单元格合并与拆分
代码块
多语言代码高亮
行内数学公式
块级数学公式
文档目录
标题大纲
文本统计

🖼️ 图片、音视频与附件

完整支持富媒体内容。

图片
音频
视频
文件附件
本地选择
拖拽上传
粘贴上传
图片尺寸调整
媒体对齐
图片说明文字
YouTube、Twitch 等在线视频
上传进度
取消上传
文件类型限制
文件大小控制

⚡ 高效的编辑体验

围绕真实内容生产场景设计。

经典工具栏
紧凑工具栏
Ribbon 工具栏
选区快捷菜单
内容上下文菜单
内容块拖拽
撤销与重做
全屏模式
只读模式
Markdown 粘贴
Word 粘贴
纯文本粘贴
快捷键支持
PC / Mobile 自适应

⚙️ 灵活的配置与扩展

AiEditor 不要求你的产品适应编辑器，而是让编辑器适应你的产品。

提供灵活的配置能力，可以根据业务需求自由组合和调整编辑器功能。

开发者可以根据实际场景：

自定义工具栏
配置编辑器行为
控制功能开关
自定义主题
自定义语言
配置上传服务
接入不同 AI 服务
接入企业自有 AI 模型
扩展编辑器能力
与现有业务系统深度集成

因此，AiEditor 不只是一个“文章编辑器”，而是一个可以作为业务基础设施使用的编辑能力。

🎯 适用场景

AiEditor 可以作为各种内容型产品的编辑基础。

场景	应用
🤖 AI 写作	AI 写作、AI 审阅、AI 内容生成
📚 知识库	企业知识库、帮助中心、Wiki
🏢 企业应用	OA、ERP、CRM、项目管理、业务后台
📰 内容平台	CMS、博客、社区、资讯平台
📄 专业文档	合同、报告、方案、标书、业务文书
🎓 教育	教案、课程、作业、在线文档
🏛️ 政务	公文、政策文件、政务内容管理
🏥 医疗	病历、医疗报告、专业医疗文书

🧩 AiEditor 产品家族

AiEditor 不只是一个编辑器，而是一套面向不同业务场景的文档编辑产品体系。

AiEditor

开源编辑器核心

面向通用场景的开源富文本编辑器。

提供：

富文本 + AI + 表格 + 公式 + 媒体 + 主题 + 文档

等核心能力。

适合开发者直接集成到自己的 Web 产品和业务系统。

AiEditor Pro

面向商业文档产品

在 AiEditor 核心能力之上，提供更加专业的文档编辑能力。

适用于：

在线办公
合同
报告
方案
长文档
企业文档系统

提供分页等能力，让编辑体验更加接近传统办公文档。

AiEditor Official

面向党政机关公文场景

针对党政机关公文写作和排版场景设计。

提供：

公文结构
公文排版
GB/T 9704 相关规范
专业公文编辑能力

帮助政务系统快速构建专业的公文编辑能力。

AiEditor Medical

面向医疗文书场景

针对医疗行业专业文档和业务系统设计。

适用于：

病历
医疗报告
医疗文书
医疗业务系统

为医疗信息化产品提供专业的文档编辑能力。

🔗 在线体验

❤️ 开源

AiEditor 是一个开源项目。

如果 AiEditor 对你的项目有帮助，欢迎：

⭐ Star 项目
🐛 提交 Issue
🔧 提交 Pull Request
💬 参与社区讨论
📢 推荐给更多开发者

让更多产品拥有更好的 AI 编辑体验。

License

AiEditor 使用开源协议发布。

具体协议及商业授权方式，请参考项目仓库中的 License 文件。

AiEditor

AI 驱动的下一代开源富文本编辑器

安装与浏览器引入

✨ 为什么选择 AiEditor？

🤖 AI 原生

🌐 跨框架，一次开发，随处集成

📱 PC 与 Mobile 全面适配

🚀 核心能力

📝 强大的富文本编辑

📊 表格与专业内容

🖼️ 图片、音视频与附件

⚡ 高效的编辑体验

⚙️ 灵活的配置与扩展

🎯 适用场景

🧩 AiEditor 产品家族

AiEditor

开源编辑器核心

AiEditor Pro

面向商业文档产品

AiEditor Official

面向党政机关公文场景

AiEditor Medical

面向医疗文书场景

🔗 在线体验

官方网站

在线 Demo

开源仓库

❤️ 开源

License