AiEditor

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

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

在 beta.7 版本中，我们添加了对 Markdown 编辑的支持，Markdown 已经支持：标题、引用、表格、图片、代码块、高亮块（类型 vuepress 的 :::）、各种列表、粗体、斜体、删除线..

导出的  Markdown 内容如下：

 [AiEditor](https://aieditor.dev) 是一个面向 AI 的下一代富文本编辑器。  **提示：**   1. 输入 空格 + "/" 可以快速弹出 AI 菜单  2. 输入 空格 + "@" 可以提及某人

在 beta8 中，我们为代码块添加了 “AI 自动添加注释” 和 “AI 解释代码含义” 的功能，如下图所示：

体验地址：http://aieditor.jpress.cn

 

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

• 新增：代码块 新增 AI 自动添加注释的功能
• 新增：代码块 新增 AI 解释代码含义的功能
• 新增：AiEditor 添加 getSelectedText() 用于获取选择的文字
• 新增：图片、视频、附件上传添加 dataProcessor 配置用于二次处理服务器请求的功能
• 修复：代码块 在第一次初始化时，无法选择代码语言的问题
• 样式：修改 引用（blockquote）在暗色模式下的样式问题
• 文档：添加关于 dataProcessor 的相关文档

 

快速开始

安装：

 npm i aieditor

 

使用：

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

 

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