UI 酷似腾讯文档的 AI 编辑器,AiEditor v1.0.11 发布

来源: 投稿
作者: 开源海哥
2024-07-03 08:54:00

screenshot.png

AiEditor

关于 AiEditor(官网 https://aieditor.dev 

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

在线演示

(AI 能力已基本完善,欢迎体验)

已完善

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

待完善(计划中...)

  •  AI 插入图片
  •  AI 图生图(AI 图片优化)
  •  AI 一键排版
  •  上传视频自动获取缩略图
  •  WORD 导入、导出
  •  PDF 导出、PDF 预览
  •  类 Notion 拖拽功能

 

v1.0.11 更新细节:

  • 新增:新增 AIEditor 的 onBlur 和 onFocus 配置 #39
  • 新增:新增自定义选中的浮动菜单的功能
  • 新增:新增 AIEditor.getAttributes() 方法的功能
  • 优化:重构 AI 面板的国际化显示
  • 优化:重构 AbstractBubbleMenu.ts 使之更加简单易用
  • 修复:修复 Vue 的 KeepAlive 下 Header 多次添加的问题 #37

 

快速开始

安装:

npm i aieditor

使用:

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

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

企业版

AIEditor 的商业版也对外发布了,AIEditor 商业版在开源版的基础上,新增了 团队协作(同人同时编辑同一个文档)、批注评论Latex 数学公式排版 等功能,欢迎大家体验。

企业版详情:https://aieditor.dev/zh/versions.html

展开阅读全文
点击引领话题📣 发布并加入讨论🔥
0 评论
4 收藏
分享
返回顶部
顶部