![]()
AI 驱动的开源富文本编辑器
开箱即用、支持所有前端框架、支持 Markdown 书写模式
![]()
什么是 AIEditor
AiEditor 是一个面向 AI 的下一代富文本编辑器，她基于 Web Component，因此支持 Layui、Vue、React、Angular 等几乎任何前端框架。她适配了 PC Web 端和手机端，并提供了 亮色 和 暗色 两个主题。除此之外，她还提供了灵活的配置，开发者可以方便的使用其开发任何文字编辑的应用。
更多关于 AiEditor，请访问官网： https://aieditor.dev
AIEditor 的与众不同之处
1、AI 驱动的编辑器
AIEditor 的目标是打造一个完全由 AI 驱动的富文本编辑器，同时支持对接任意大模型，包括私有的大模型。允许用户使用自己私有的大模型 ApiKey。 不仅如此，AIEditor 其所有的 AI 功能，都允许用户自定义自己的 prompt，以及扩展的 AI 菜单。
2、简单、友好、易用
AIEditor 基于 Web Component 开发，支持与任意主流的前端框架集成。AIEditor 使用更加友好的 LGPL 开源协议，通过 npm i aieditor 使用， 不用担心 GPL 协议可能带来的 GPL 传染问题。
3、除了开源版，还提供商业版
除了开源版以外，我们还提供了功能更加强大的商业，商业版不限制用户量、不限制应用数量。更多商业版的对比， 可以参考这里：https://aieditor.dev/versions.html
在线演示
开源版（已完善）
- 基础：标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用、打印
- 增强：撤回、重做、格式刷、橡皮擦、待办事项、字体颜色、背景颜色、Emoji 表情、对齐方式、行高、有（无）序列表、段落缩进、强制换行
- 附件：支持图片、视频、文件功能，支持选择上传、粘贴上传、拖拽上传、支持拖动调整大小...
- 代码：行内代码、代码块、语言类型选择、AI 自动注释、AI 代码解释...
- 表格：左增右增、左减右减、上增下增、上减下减、合并单元格、解除合并
- Markdown：标题、引用、表格、图片、代码块、高亮块（类似 vuepress 的 :::）、各种列表、粗体、斜体、删除线...
- A I：AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts
- 更多：国际化、亮色主题、暗色主题、手机适配、全屏编辑、@某某某（提及）...
- 类腾讯文档现代 UI 风格
商业版（已完善）
- 类 Notion 内容块拖拽功能
- Word 导入、Word 导出
- PDF 导出
- Latex 数学公式编辑
- 团队协作（多个人同时编辑一份文档）
- 批注功能，类似 word 选择一段文字进行批注评论的功能
商业版演示：http://aieditor-pro.jpress.cn/
开发中...
- AI 插入图片
- AI 图生图（AI 图片优化）
- AI 一键排版
- 进一步增强粘贴功能
- 上传视频自动获取缩略图
v1.1.3 更新细节：
- 新增: 增加缩进改为 2em，而不是 10px
- 新增: 新增默认字号大小的设置的功能
- 新增: 修复表格或图片的浮动菜单点击选中的问题
- 新增: 新增支持图片上传时，服务器返回图片的对其方式
- 新增: 新增图片或视频上传时，服务器返回图片的宽度和高度
- 新增: 新增自定义行高设置的功能
- 新增: 新增通过 "toolbarExcludeKeys" 配置自定义排除菜单的功能
- 新增: 新增图片浮动菜单可以快速调整图片大小为 50% 75% 100% 的功能
- 新增: 浮动菜单新增翻译功能，以及自定义翻译语言
- 新增: 新增 "pasteAsText" 配置的功能，在粘贴时自动清除样式
- 新增: 新增 德语 和 葡萄牙语 的配置，感谢 @TobiasKrais
- 新增: 新增 emoji 自定义配置的功能
- 优化: 设置 AbstractDropdownMenuButton 的高度为 "fit-content"
- 优化: 优化 AiEditor.ts 及 Header.ts 代码
- 优化: 优化 Emoji.ts/Heading.ts/AbstractDropdownMenuButton.ts 的样式代码, @TobiasKrais
-
- 优化: 优化 文字选中以及 ai 弹出菜单的位置
- 优化: 创建 npm-publish.yml 用于自动发布的功能
- 优化: 上传部分注释代码
- 修复: 修复 GiteeAiModel 在某些情况下解析错误的问题
- 修复: 图片和表格的浮动菜单，点击时会处于 “选中” 状态的问题
- 修复: AbstractDropdownMenuButton 在初始化时，默认选中不正确的问题
- 修复: 表格的单元格双击选中时无法弹出表格操作菜单的问题
- 修复：图片弹出的操作浮动菜单不是 100% 居中的问题
- 文档: 添加自定义行高设置的相关文档
- 文档: 添加 "toolbarExcludeKeys" 配置的相关文档
快速开始
安装：
使用：
new AiEditor({
element: "#aiEditor",
placeholder: "点击输入内容...",
content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。 ',
})
更多访问官网：https://aieditor.dev/zh/getting-started.html
