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

来源: 投稿
作者: 开源海哥
2023-11-21 09:22:00

screenshot.png

关于 AiEditor

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

在线演示

http://aieditor.jpress.cn

已完善

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

v1.0.0-beta.2 更新细节:

  • 新增:添加输入 "/" 时弹出 AI 菜单的功能
  • 新增:AiEditor 添加 onChange 的回调配置
  • 新增:星火大模型添加 ws 和 wss 协议配置的支持
  • 新增:星火大模型添加自定义 URL 数据前面的支持
  • 新增:编辑器右下角添加自由拖拽放大或缩小整个编辑器的支持
  • 新增:添加传统模式下,比如 Layui 集成的示例
  • 新增:顶部菜单以及操作菜单添加鼠标移动有操作提示的支持
  • 新增:图片添加多图选择上传显示的功能
  • 新增:支持从电脑复制图片到编辑器粘贴上传的功能(之前已支持拖拽上传和选择上传)
  • 新增:添加选择某段文字后,点击菜单时选区样式消失的问题
  • 优化:优化 @某某某(提及)时的暗色样式错误
  • 修复:Base64Uploader 显示模拟上传时显示错误
  • 修复:暗色模式下,全屏编辑时,编辑区显示亮色的问题
  • 修复:@某某某(提及)通过鼠标点击选择用户时,显示 "@null" 的问题
  • 修复:链接弹出菜单点击取消链接时,错误的弹出编辑框的问题
  • 修复:Firefox 浏览器下某些 icon 无法显示的问题

下个版本功能计划:

  •  完善国际化
  •  完善文档站点
  •  对接 ChatGPT

快速开始

安装:

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 功能配置

new AiEditor({
    element: "#aiEditor",
    placeholder: "点击输入内容...",
    content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。',
    ai: {
        model: {
            xinghuo: {
                appId: "***",
                apiKey: "***",
                apiSecret: "***",
            }
        }
    }
})
展开阅读全文
点击引领话题📣 发布并加入讨论🔥
0 评论
6 收藏
分享
返回顶部
顶部