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

科技   2024-11-21 08:03   广东  

前言

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

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

最近会快马加鞭, 做一款类似语雀 & 飞书的文档管理平台, 开放给大家使用. 也会在 flowmix视界 公众号同步最新的进展:

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

有什么好的想法,可以留言区留言哦~

结语

我是林三心,一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手

前端之神
一位前端小菜鸡,写过400多篇原创文章,全网有6w+个前端朋友,梦想是成为”前端之神“~
 最新文章