AiEditor

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

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

在 beta.9 版本中，我们新增了类腾讯文档的 UI  风格，效果如下：

此处之外，我们在 beta.8 版本中，新增了 代码块的 “AI 自动添加注释” 和 “AI 解释代码含义” 的功能，如下图所示：

在线演示

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

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

• 新增：图片、视频和附件新增 uploaderEvent 监听配置的支持
• 新增：“链接” 功能添加自定义 ref、class 等配置的支持
• 新增：添加头部、编辑区的自定义布局支持
• 新增：添加 “类腾讯文档” 风格的 demo 示例代码
• 新增：AiEditor 添加 "onCreated" 方法用于监听初始化
• 优化：优化 aiEditor 和其他应用使用，在打印内容时可能出现内容错乱的问题
• 优化：重命名 menus 为 header，和 footer 统一命名
• 样式：优化 “表格” 在暗色模式下显示不正确的问题
• 文档：更新关于 uploaderEvent 的相关文档
• 文档：图片添加关于自定义 uploader 的代码示例

快速开始

安装：

npm i aieditor

使用：

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

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