![screenshot.png]()
AiEditor
关于 AiEditor（官网 https://aieditor.dev ）
AiEditor 是一个面向 AI 的下一代富文本编辑器，她基于 Web Component，因此支持 Layui、Vue、React、Angular 等几乎任何前端框架。她适配了 PC Web 端和手机端，并提供了 亮色 和 暗色 两个主题。除此之外，她还提供了灵活的配置，开发者可以方便的使用其开发任何文字编辑的应用。
在线演示
![]()
(AI 能力已基本完善，欢迎体验)
已完善
- 基础：标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用、打印
- 增强：撤回、重做、格式刷、橡皮擦、待办事项、字体颜色、背景颜色、Emoji 表情、对齐方式、行高、有（无）序列表、段落缩进、强制换行
- 附件：支持图片、视频、文件功能，支持选择上传、粘贴上传、拖拽上传、支持拖动调整大小...
- 代码：行内代码、代码块、语言类型选择、AI 自动注释、AI 代码解释...
- 表格：左增右增、左减右减、上增下增、上减下减、合并单元格、解除合并
- Markdown：标题、引用、表格、图片、代码块、高亮块（类似 vuepress 的 :::）、各种列表、粗体、斜体、删除线...
- A I：AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts
- 主题：传统切入主题、类腾讯文档风格主题
- 更多：国际化、亮色主题、暗色主题、手机适配、全屏编辑、@某某某（提及）...
待完善（计划中...）
- 团队协作
- 自动化测试
- AI 插入图片
- AI 图生图（AI 图片优化）
- AI 一键排版
- 上传视频自动获取缩略图
- WORD 导入、导出
- PDF 导出、PDF 预览
- 类 Notion 拖拽功能
v1.0.4 更新细节：
- 新增：textSelectionBubbleMenu 添加开关配置的支持
- 优化：在只读模式下，应该关闭掉选中文字菜单的弹出
- 优化：当 AI 大模型配置错误的时候，给出更友好的错误提示
- 优化：选中文字菜单时，自动判断弹出的菜单是否遮挡了顶部菜单，并在下方弹出
- 优化：选中空白内容，但为选中任何文字时，错误的弹出操作菜单的问题
- 优化：更新相关的依赖到最新版本
- 优化：默认 AIEditor 导出更多的类，方便用户开发
- 修复：AI 菜单在某些场景下出现错位的问题，感谢 @百小僧
- 修复：图片、附件、视频的 uploadFormName 配置无效的问题
- 修复：CodeBlock 的菜单无法正切换国际化的问题
- 文档：添加和各类 UI 框架集成的相关文档
- 文档：添加 React 对 AiEditor 的封装为组件的相关文档，感谢 @百小僧
快速开始
安装：
使用：
new AiEditor({
element: "#aiEditor",
placeholder: "点击输入内容...",
content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。 ',
})
更多访问官网：https://aieditor.dev/zh/getting-started.html
