2023-11-24更新【新功能】:Page 文本组件支持插入 UML 图

在使用页面撰写一些业务文档时,经常需要在其中插入业务流程图,这类图大多需要到其他平台进行绘画,然后再截图粘贴到页面中,十分麻烦,并且不易于修改。
因此我们在页面的文本组件中引入了 PlantUML 这个通用的 UML 图组件,可以使用代码的方式直接“写”出一个流程图。

1、插入 UML 图的方式

在页面中添加“文本”组件,在空行输入“/”或点击“⨁”,选择插入“UML 图”。
还可以选择文本后,点击“⨁”,选择插入“UML 图”。

2、UML 代码

插入 UML 图后,即可在弹层中写入 UML 代码
伙伴云接入的是 PlantUML 组件,其官方提供了代码书写教程,可以参考:https://plantuml.com/zh/
也可以复制伙伴云提供的示例代码,直接看效果:https://hb.huobanyun.com/s/pages/7000000000136653

3、查看 UML 图

生成的 UML 图就是一张图片,因为可以正常当做图片来浏览,或者调整其大小。
也可以点击”编辑“按钮,来重新编辑 UML 代码。
2024-01-22 更新
165 次查看
0 0