AIEditor｜让 AI 成为你的写作伙伴

AiEditor 是一款面向 AI 时代的开源富文本编辑器。它把 AI 对话、内容生成、智能改写与成熟的文档编辑体验放在同一个界面里，让你的产品可以更快拥有真正可用的 AI 写作能力。

无论你正在做 AI 写作工具、企业知识库、内容管理系统，还是合同、报告和在线办公产品，都可以通过 npm install aieditor 快速嵌入一套完整的编辑体验。

一句话认识 AiEditor

让用户在熟悉的编辑器里直接写、改、问、审，把 AI 从一个独立入口变成每一次内容创作都能调用的伙伴。

为什么选择 AiEditor

产品体验和 AI 能力在一起

传统编辑器负责输入，AI 工具负责生成，用户还要在两个窗口之间反复复制粘贴。AiEditor 把这段流程合并起来：用户可以选中一段内容询问 AI，也可以围绕全文持续对话，生成的结果还能直接插入、替换或继续修改。

从一个编辑器开始，覆盖更多业务

你不需要为不同内容场景重复搭建编辑基础设施。AiEditor 已经准备好结构化文档、媒体内容、格式排版、主题切换和移动端适配，产品团队可以把精力放在自己的业务流程和用户价值上。

开源、开放、可持续扩展

开源版发布在 npm，基于 Web Components 构建，不绑定 Vue、React 或其他前端框架。你可以从一个轻量实例开始，按产品需要选择菜单、扩展、上传器和 AI 服务，并逐步扩展成自己的内容平台。

AI 能力

AiEditor 的 AI 不是一个孤立的按钮，而是围绕文档上下文工作的内容助手。

AI 场景	用户可以完成什么
AI 写作	从主题或一句话开始生成初稿，快速进入创作状态。
AI 改写	对内容进行续写、扩写、缩写、润色和语气调整。
AI 审阅	总结重点、检查表达、发现问题并给出修改建议。
AI 翻译	基于当前内容进行多语言转换，并按业务接入自定义语种和提示词。
AI 对话	选择全文、当前选区或不带文档上下文进行连续追问。
AI 协同编辑	让模型通过受控工具读取文档、提出修改，并由用户确认后插入或替换内容。

AI 回复支持流式展示、停止生成、重新生成、复制、插入光标位置和替换选区。应用可以接入 OpenAI SDK 兼容服务，也可以实现自己的 generate 服务，把模型、鉴权、审计和业务规则掌握在自己手里。

核心能力

完整的富文本编辑

标题、段落、字体、字号、颜色、对齐、缩进、行高、列表、引用、链接、提及、Emoji、代码块、表格和数学公式等常用能力开箱可用，满足文章、知识库和业务文档的日常创作。

面向专业文档的结构

文档目录、稳定的块级 ID、格式清除、Markdown 粘贴、内容校验和安全清洗，让内容可以被可靠地保存、检索、审阅和再次编辑。开源版保留通用文档结构，方便上层产品继续组合能力。

图片、音视频和附件

支持图片、音频、视频和附件，以及选择上传、粘贴上传、拖拽上传、尺寸调整和媒体对齐。通过 uploader 接口接入你自己的对象存储、权限系统和上传服务。

更贴近产品的编辑体验

提供经典、紧凑和 Ribbon 工具栏，选区快捷菜单、块拖拽、撤销重做、全屏、只读、亮暗主题和中英文界面。桌面端与移动端使用同一套内容模型，减少产品维护成本。

适配你的技术栈

一次集成即可服务 Vue、React、Angular、Svelte、Layui 和原生 JavaScript 等 Web 项目。工具栏、菜单、主题、语言、AI 服务和扩展都可以按你的产品体验重新组合。

适合哪些产品

产品场景	AiEditor 能带来的价值
AI 写作与内容生成	让生成、编辑、审阅和交付发生在同一个工作区。
企业知识库与 Wiki	统一内容结构，支持持续补充、整理和 AI 检索式对话。
CMS、博客和社区	快速上线稳定的富文本创作与媒体发布能力。
OA、ERP、CRM 和业务后台	通过配置裁剪编辑器，把内容能力嵌入现有业务流程。
合同、报告和方案	处理长文本、复杂格式和多人反复修改。
教育、培训和在线课程	支持图文、代码、公式、附件等混合内容创作。

开源版包含什么

• aieditor npm 包和完整的浏览器端编辑能力。
• 通用 Tiptap 内容节点、菜单、工具栏、媒体和文档结构能力。
• AI 服务接口、AI 对话面板和编辑器 Function Calling 能力。
• Vue、React、Angular、Svelte、Layui 等框架的集成方式。
• LGPL-2.1 开源许可，可在遵守许可协议的前提下用于个人和商业项目。

开源版专注于通用编辑与 AI 能力，不包含 Pro 的分页排版、实时协作和文档对比，也不包含公文版的国标公文节点与版式能力。产品需要这些能力时，可以在保持 Core 内容结构稳定的基础上继续接入对应版本。

快速开始

npm install aieditor

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

const editor = new AiEditor({
  element: '#editor',
  placeholder: '开始创作，或让 AI 帮你写下第一段内容',
})

AI 服务、工具栏和上传器都可以在后续按需配置。建议先阅读快速开始，再根据产品场景进入AI 能力或配置参考。

继续探索

• 快速开始：安装并创建第一个编辑器实例
• AI 服务配置：接入兼容服务或自定义 AI 服务
• AI 对话：配置全文、选区和连续对话体验
• 配置参考：按编辑器、工具栏、文字、媒体和文档组织能力
• API 参考：查看实例方法与公共选项