Flowmix/Docx,前端即开即用的多模态文档编辑工具!

开发 前端
转瞬间一个月已悄然流逝,Flowmix/Docx 文档编辑器在 10 月再度增添了数个功能要点,能够极大地提升文档编写的效率与体验。接下来,他会向众人详尽地阐述更新的具体内容。当然,在推介更新内容之前,接下来我向大家介绍一下 Flowmix/Docx 以及其核心目标。

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心。

Flowmix/Docx 是一款即开即用的多模态文档编辑工具。它运用基于blocks模式的文档架构,能够适配各类繁杂的文档排版,允许嵌入多种类型的文档元素,诸如富文本、音视频资料、思维导图、自由画板、内嵌网页的Iframe、业务信息流卡片、AI创作插件、表格、复杂的数学公式、可视化图表、多语言代码块、PDF文档以及自定义水印等。

体验地址: http://flowmix.turntip.cn/docx

图片图片

它目前已经支持Vue、React 这些前端框架,适用于大部分的前端项目~ 企业能够依托其轻松构建文档知识库与项目管理等系统,类似于飞书文档与钉钉文档这样的产品。当然,目前的编辑器仍在迅速优化升级,未来将逐步发展成为一款面向下一代的先进文档知识引擎。

Flowmix/Docx 宣布更新

图片图片

转瞬间一个月已悄然流逝,Flowmix/Docx 文档编辑器在 10 月再度增添了数个功能要点,能够极大地提升文档编写的效率与体验。接下来,他会向众人详尽地阐述更新的具体内容。当然,在推介更新内容之前,接下来我向大家介绍一下 Flowmix/Docx 以及其核心目标。

Flowmix/Docx 的核心目标

推出多模态文档引擎的原因在于,传统的富文本编辑器和 Markdown编辑器 已难以适应不断提升的用户体验需求。随着用户体验的不断升级,涌现出许多编写体验更佳、呈现形式更为多样的文档编辑器,例如 Notion 。

图片图片

随着 AI 技术的持续进步,类似结构化的编辑器将会愈发普及。然而,不少企业因大企业的产品垄断及技术壁垒而受限。正因如此,Flowmix/Docx 文档引擎应运而生,旨在打破这一壁垒,助力中小企业或个人能以低廉的成本拥有一款类似 Notion 或者飞书文档的编辑器,轻松地将其集成至自身的系统或项目中,以最大限度地提升用户体验。

当然,Flowmix/Docx 并非仅限于当前的功能。伴随团队不断的更新迭代,它会逐渐发展成为一个文档生态系统,融合更多的业务流程与功能,达成all in one的价值理念。

近期,他们团队投入了大量精力研发一款文档管理类 SaaS 系统,其底层架构采用了 Flowmix/Docx 多模态文档引擎,下面简单地向大家介绍一下:

图片图片

Flowmix/Docx 更新盘点

接下来就到了我们的重点, 我和大家分享一下最近的一些更新。

图片图片

团队每个月都会根据用户的需求和规划的迭代计划持续迭代, 大家可以关注 flowmix视界 公众号获取最新更新的信息:

1、文档支持划词评论功能

图片图片

2、支持高级思维导图组件

最近新增了高级思维导图, 我们可以在文档中轻松创建多个精美的思维导图, 让知识管理更有价值。

图片图片

3、支持Markdown实时转写

图片图片

由上面的演示可以看到, 我们在编辑器中输入 MarkDown 语法, 编辑器会实时转化成对应的文档组件, 这样可以极大的方便熟悉MarkDown语法的技术开发人员。

4、支持Markdown文本一件粘贴到文档

这个功能也是非常实用的一个功能, 我们只需要复制一段 MarkDown 文本, 就可以快捷的粘贴到 flowmix/docx 文档中, 并自动解析成对应的文档组件。

图片图片

5、编辑器支持AI侧边栏

图片图片

编辑器之前虽然支持了AI问答组件, 但是为了更好的挖掘文的价值, 我集成了AI侧边栏, 大家可以轻松集成市面上的AI大模型, 来实现AI辅助创作。

我们可以轻松的点击右下角的AI按钮, 打开侧边栏和AI对话:

图片图片

6、文档支持一键导入Docx文件

图片图片

文档一键导入docx文件功能可以高效的帮助我们解析docx的内容, 并在 flowmix/docx 中快速编辑. 接下来给大家看看原始的word文件:

图片图片

在第一个版本中其实也实现了 docx 文件的导入, 但是之前对图片, 表格这些 docx 特有的格式无法支持, 最近研究出来了一个方案, 可以很好的支持docx文件中的表格, 图片等, 并一键转化为 flowmix/docx 中支持的数据结构。

在实现Docx解析方案中我采用了 DOMParser API , 这里我给大家介绍一下这个兼容性良好且功能强大的浏览器API。

图片图片

7、支持实时获取当前光标在文档中的位置

图片图片

实时获取光标位置的方案主要是为了实现多人协同的光标位置确认, 这里我也基本实现了. 主要是用到了 window.getSelection API, 后续我会详细和大家分享它的应用场景. 实现代码如下:

图片图片

8、优化文档元素插入文档的顺序

这个问题主要是为了解决文档编辑器当失去焦点时, 仍能争取插入到文档光标最近停留的位置. 之前一直用了“比较笨”的方案, 最近研究了一下,终于用window.getSelection实现了.(其实也是用的上述获取光标位置的方式实现的)

图片图片

9、内联工具条UI优化

图片图片

Flowmix/Docx 未来规划

11月团队做了一些迭代规划, 除了上线文档Saas版1.0之外, 希望在下个月带给大家更强大的编辑器体验:

  • 支持划词评论
  • 支持文档图层面板
  • 支持高级可视化组件
  • 支持文档AI工作流
  • 支持演示模式
  • 支持多人协同编辑
  • 支持一键生成PP

图片 图片

责任编辑:武晓燕 来源: 前端之神
相关推荐

2011-05-31 10:19:15

Linux Mint 体验

2024-11-12 10:20:00

模型数据

2021-08-13 15:03:04

GitHub代码开发

2024-12-12 00:25:09

2024-05-21 07:54:30

视频多模态语义检索算法

2024-05-10 06:59:06

2020-07-12 15:01:54

存储数据IT

2009-03-24 09:21:16

Windows 7使用技巧微软

2023-01-15 20:28:32

前端图片压缩

2023-11-04 12:43:44

前端图片参数

2022-08-08 08:29:55

图片压缩前端互联网

2024-03-25 12:40:19

训练模型

2013-05-10 16:40:15

WGDC2013移动开发

2013-11-29 15:07:02

谷歌Chrome轻应用

2024-06-28 18:18:22

2023-11-07 18:08:03

GPT-4模型

2023-03-08 21:25:58

开源工具库开箱

2024-07-01 10:19:22

2024-11-13 09:39:13

点赞
收藏

51CTO技术栈公众号