hi, 大家好, 我是徐小夕.
徐小夕【知乎专栏作家】掘金签约作者，定期分享前端工程化，可视化，企业实战项目知识，深度复盘企业中经常遇到的500+技术问题解决方案。【关注趣谈前端，技术路上不迷茫】
最近flowmix/docx 多模态文档编辑器的迭代中，我们实现了在线文本绘图功能，通过几行代码就能实现各种复杂的流程图，可视化图表等.
flowmix/docx
我们可以用 mermaid 语法来轻松实现文本绘图功能，并嵌入到flowmix/docx文档中，实现非常有表现力的内容。
Flowmix/docx是什么
flowmix/docx
Flowmix/docx 是一款开箱即用的多模态文档解决方案,我们可以在Flowmix/docx中编写多模态的内容, 如音视频, 思维导图,可视化图表, 原型白板, 业务信息卡片等, 几乎所有浏览器支持的组件形态, 都能低成本封装成Flowmix/docx的文档组件. 从而帮助企业构建更加强大文档知识管理系统.
目前Flowmix/docx已支持React和Vue版本, 底层采用插件化设计, 企业研发人员可以低成本集成到内部产品或系统.
我们可以使用它来实现类似腾讯文档, 飞书文档, ones等项目管理平台, 下面是我们基于flowmix/docx 实现的一个轻文档平台的编辑器界面, 大家可以参考一下:
flowmix/docx
下面具体展示一下几个文本绘图的案例。
Flowmix/docx 绘制时序图
flowmix/docx
预览效果如下：
flowmix/docx
Flowmix/docx 绘制E-R图
flowmix/docx
预览效果如下：
flowmix/docx
Flowmix/docx 绘制饼图
flowmix/docx
预览效果如下：
flowmix/docx
Flowmix/docx 绘制甘特图
flowmix/docx
预览效果如下：
flowmix/docx
Flowmix/docx 绘制用户旅程图
flowmix/docx
预览效果如下：
flowmix/docx
如果用户输入了错误的语法结构，flowmix/docx还提供了友好的错误反馈：
flowmix/docx
后续规划我们基于Flowmix/Docx 多模态文档引擎, 做了一款文档管理类Saas系统, 这里简单和大家分享一下:
flowmix/docx
每个月我们都会根据用户的需求和规划的迭代计划持续迭代, 大家可以随时反馈交流.
