AiEditor

关于 AiEditor（官网 https://aieditor.dev ）

AiEditor 是一个面向 AI 的下一代富文本编辑器，她基于 Web Component，因此支持 Layui、Vue、React、Angular 等几乎任何前端框架。她适配了 PC Web 端和手机端，并提供了 亮色 和 暗色 两个主题。除此之外，她还提供了灵活的配置，开发者可以方便的使用其开发任何文字编辑的应用。

在线演示

• 现代风格（类腾讯文档）: http://aieditor1.jpress.cn
• 经典 / 传统风格: http://aieditor.jpress.cn

已完善

•  基础：标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用、打印
•  增强：撤回、重做、格式刷、橡皮擦、待办事项、字体颜色、背景颜色、Emoji 表情、对齐方式、行高、有（无）序列表、段落缩进、强制换行
•  附件：支持图片、视频、文件功能，支持选择上传、粘贴上传、拖拽上传、支持拖动调整大小...
•  代码：行内代码、代码块、语言类型选择、AI 自动注释、AI 代码解释...
•  表格：左增右增、左减右减、上增下增、上减下减、合并单元格、解除合并
•  Markdown：标题、引用、表格、图片、代码块、高亮块（类似 vuepress 的 :::）、各种列表、粗体、斜体、删除线...
•  A I：AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts
• 主题：传统切入主题、类腾讯文档风格主题
•  更多：国际化、亮色主题、暗色主题、手机适配、全屏编辑、@某某某（提及）...

待完善（计划中...）

•  团队协作
•  自动化测试
•  AI 插入图片
•  AI 图生图（AI 图片优化）
•  AI 一键排版
•  进一步增强粘贴功能
•  上传视频自动获取缩略图
•  WORD 导入、导出
•  PDF 导出、PDF 预览
•  类 Notion 拖拽功能
•  更多的大模型对接：文心一言、ChatGPT

v1.0.0-rc.4~rc.6 更新细节：

• 新增：添加 onSave 的配置，可以用于监听用户按 ctrl + s 的保存操作
• 新增：CustomMenu 添加 onCreate 方法，方便对自定义菜单进行初始化
• 新增：添加 setContent() 以及 setEditable() 方法
• 优化：修改 editable 配置为可选
• 优化：添加 AiModelFactory 以及 SparkAiModel 导出
• 优化：重构 AI 菜单功能及其 UI 样式
• 优化：重构 / 弹出 UI 菜单样式以及交互方式
• 优化：重写 AI 模块，重构 AI 抽象菜单
• 样式：@某某某 弹出的 UI 样式
• 样式：优化 taskList 的 ui 样式
• 修复：修改在 editable 为 false 下，代码块的 ai 功能依然可用的问题
• 修复：当 AiEditor 嵌入到 Form 时，点击某些按钮会触发 Form 提交的问题
• 修复：从网页复制的内容粘贴到编辑器，图片无法被粘贴进来的问题
• 修复：点击表格、图片时，会有多个弹出菜单位置冲突的问题
• 文档：修正 onCreateClientUrl 的文档错误

快速开始

安装：

npm i aieditor

使用：

new AiEditor({
    element: "#aiEditor",
    placeholder: "点击输入内容...",
    content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。 ',
})

更多访问官网：https://aieditor.dev/zh/getting-started.html