flowmix/docx-vue: 一款基于vue3实现的多模态文档编辑器

发布于:2024-09-17 ⋅ 阅读:(64) ⋅ 点赞:(0)

嗨, 大家好, 我是徐小夕.

之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:

前段时间做了一款文档编辑器flowmix/docx , 类似于钉钉文档, 腾讯文档Notion的编辑器体验:

6fbf144af4b04e8566905b59871c73d6.gif

flowmix/docx 是一款开箱即用的可视化文档搭建引擎. 它基于 blocks 模式的文档设计体系, 可以支持各种复杂的文档布局, 支持多模态的文档内容嵌入, 比如 富文本音视频思维导图自由画板Iframe内嵌网页业务信息流卡片AI创作插件表格复杂数学公式可视化图表多语言代码PDF文档自定义水印等.

最近我们又基于这套文档设计模式, 做了Vue版本, 至此彻底打通了前端两大框架的“适配”.

vue版地址: http://flowmix.turntip.cn/docx-vue

react版地址: http://flowmix.turntip.cn/docx

企业可以基于这套解决方案构建自己的知识库系统, 并能低成本的集成AI能力.

9bf6235614c8230c764ec57b14e4396e.png

应用场景

纯编辑器版本采用组件化实现, 内置了功能齐全的插件, 我们可以轻松集成到任何内部系统, 比如:

  • 知识创作平台

  • 企业AI+知识库系统

  • 项目管理系统

  • 小说, 期刊创作系统

  • 内容中台

后续会扩展更多场景, 打造文档即服务的引擎设计模式. 同时私有化部署支持 源码级别 的二次开发.

内置多种文档交互能力

1. 点赞评论

87af0f7e8ad6eba6a13ad0cb8e9a29c5.png

2. 文章弹幕功能

2d7563662726946fad5932269ef8cf80.png

内置多种文档导入导出能力

1. 文档导入(支持json 和 markdown导入)

32ad05c6ecc59b55e1e6a5c70cb8a3e0.png

2. 文档导出(支持json, doc, markdown格式导出)

3d5c13cb0b3372f92a5f2e96e2d03ee4.png

基于我们自研的这套文档引擎, 我们打造了一款自己的文档管理系统——Nocode/WEP, 我们使用它可以轻松管理企业或个人的知识库和文档:

bf6eba68668626559d5d07187171e660.gif

体验地址: http://doc.dooring.vip

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

当然从体验上来讲, 文档还有很多优化的空间, 这块我们会持续优化和迭代, 并结合业界最佳体验实践, 将文档搭建能力发挥出最大的价值.

后期规划(迭代规划)

  • [1] 支持移动端编辑 + 移动端适配优化

  • [2] 支持一键基于内容生成网页

  • [3] OCR图片识别组件能力加强

  • [4] 支持AI图片素材生成组件

  • [5] 支持自定义优先级标签

  • [6] 文档支持导出为 html

  • [7] 支持文档SDK引入

  • [8] 支持AI侧边栏(辅助创作)

  • [9] 支持自定义商品卡片

  • [10] 完善编辑器开发文档

  • [11] 支持电子表格嵌入

  • [12] 支持文档内容懒加载

  • [13] 支持多模式编辑 (markdown编辑和blocks模式编辑)

  • [14] 添加文档模版市场模块

  • [15] 支持文档组件商店模块

  • [16] 支持多人协同编辑

  • [17] 支持文档划词评论

  • [18] 支持粘贴MD内容到文档, 并一键转换

  • [19] 支持文档自定义布局

已完成规划

2024.08.25

  • [1] 支持可视化图表集成

  • [2] 支持Markdown文档导入导出

  • [3] React编辑器版本实现

  • [4] 添加AI问答组件

  • [5] 支持doc文档导出

  • [6] 添加编辑器开发文档

2024.07.25

  • [1] 文档支持自定义水印

  • [2] UI界面优化

  • [3] 支持导入导出文档JSON

  • [4] 支持自定义文档分页组件

  • [5] 文档支持自定义注释/注解

  • [6] 支持自定义文档样式

  • [7] 支持文档主题切换

  • [8] 支持文档内嵌PDF

2024.06.25

  • [1] 支持思维导图组件

  • [2] 支持自定义水印

  • [3] 支持自动生成文档大纲

  • [4] 支持文档预览模式

  • [5] 支持代码编辑器(20+编程语言支持)

  • [6] 支持互动组件

  • [7] 实现本地数据存储模型DataModal

2024.03.25 -- 2024.05.25

  • [1] 支持自定义白板组件

  • [2] 添加文档工具栏

  • [3] 支持轮播图组件

  • [4] 支持音视频组件

  • [5] 支持信息流卡片

  • [6] 支持自定义表格组件

  • [7] 支持自定义数学公式

  • [8] 支持提示框组件

  • [9] 支持自定义表单组件

  • [10] 支持列表 / 选项列表 / 引用组件

  • [11] 支持自定义图片组件

  • [12] 支持链接卡片

  • [13] 支持文档选中工具条, 可一键配置文档属性

  • [14] 支持自定义文档弹幕

  • [15] 支持内嵌网页

如果你有好的想法和建议, 也欢迎随时留言区交流讨论~

往期精彩:

flowmix/flow, 一款高度可配的可视化流程编辑器

零代码平台创业, 阶段性复盘

从零到一打造面向AI的文档可视化搭建引擎