AiEditor beta.3 发布，一个面向 AI 的下一代富文本编辑器

【直播预告】替代 Oracle，我们还有多长的路要走？

关于 AiEditor

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

在线演示

http://aieditor.jpress.cn

已完善

功能	描述
基础功能	标题、正文、字体、字号、加粗、斜体、下划线、删除线、链接、行内代码、上标、下标、分割线、引用、打印
增强功能	撤回、重做、格式刷、橡皮擦（清除格式）、待办事项、字体颜色、背景颜色、Emoji 表情、对齐方式、行高、有（无）序列表、段落缩进、强制换行
附件功能	支持图片、视频、文件功能，支持选择上传、粘贴上传、拖拽上传、支持拖动调整大小...
代码功能	行内代码、代码块、代码语言选择
AI 功能	AI 续写、AI 优化、AI 校对、AI 翻译、自定义 AI 菜单及其 Prompts
更多功能	亮色主题、暗色主题、手机版适配、全屏编辑、@某某某（提及）...

 

v1.0.0-beta.3 更新细节：

• 新增：完善文档站点 https://aieditor.dev 并上线
• 新增：添加内容编辑自动保存到 localStorage 功能及其相关 API
• 新增：字体颜色、背景颜色等的最近颜色现在添加自动保存到 localStorage 功能
• 新增：插入表格添加鼠标移动显示行和列的功能
• 优化：重构 ai 菜单的 svg 代码结构
• 优化：重命名 ai 配置中的 command 为 commands
• 优化：优化暗色模式下，一些组件比如 Popover 显示不正确的问题
• 优化：优化许多样式细节

 

下个版本功能计划：

•  完善国际化
•  继续优化文档站点
•  对接更多的大模型

 

快速开始

安装：

 npm i aieditor

 

使用：

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

 

传统方式使用，参考 layui 示例：

https://gitee.com/aieditor-team/aieditor/tree/main/demos/layui

 

AI 功能配置

• 1、去科大讯飞注册账号 https://xinghuo.xfyun.cn
• 2、在科大讯飞服务管理中（https://console.xfyun.cn/services/bm2 ） 获取 appId、apiKey、apiSecret。
• 3、在配置中添加科大讯飞星火大模型配置

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

更多参考文档：https://aieditor.dev/zh/config/ai.html