您现在的位置是:首页 > 文章详情

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

日期:2023-11-27点击:109

screenshot.png

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

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

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

原文链接:https://www.oschina.net/news/268296/aieditor-beta2-released
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章