- PlantUML
- Mermaid
一、插入方式
点击工具栏插入图标 或者 空行行首+号按钮 选择文本绘图，或 输入“/文本绘图” 或者 “/wbht” 快捷键方式插入，支持中文，拼音。
上方工具栏插入
空白行顶端【+】插入
“/wbht”插入
“/文本绘图”插入
二、使用指南
实时预览：
在插入的输入框里选择你需要的语法和模板，在左侧输入语法，在右侧可实时预览。
全卡片展示绘图：
点击中间的推拉按钮，即可全卡片展示绘图
全屏展示：
点击右上角全屏按钮，即可全屏浏览
PlantUML
PlantUML是一个开源项目，支持快速绘制时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等。例如下面的用例图：插入 PlantUML 图形卡片
- 点击工具栏插入图标 或者 空行行首+号按钮 选择文本绘图，或 输入“/文本绘图”或者 “/wbht ”快捷键方式插入，支持中文、拼音；
- 在文本绘图卡片右上角，选择「PlantUML」；
- 你可在卡片左侧使用PlantUML语法编辑，右侧选择模板可实时预览图形。
更多支持
详情见 http://plantuml.com 更多真实的 PlantUML 例子可以前往 https://real-world-plantuml.com 搜索Mermaid
Mermaid 是一种基于 Javascript 的绘图工具，使用类似于 Markdown 的语法，使用户可以方便快捷地通过代码创建图表。语法
Flowcharts: https://mermaid.js.org/syntax/flowchart.html Sequence diagrams: https://mermaid.js.org/syntax/sequenceDiagram.html Gant diagrams: https://mermaid.js.org/syntax/gantt.html Pie Charts: https://mermaid.js.org/syntax/pie.html插入 Mermaid 图形卡片
- 点击工具栏插入图标 或者 空行行首+号按钮 选择文本绘图，或 输入 /文本绘图 或者 /wbht 快捷键方式插入，支持中文，拼音；
- 在文本绘图卡片右上角，选择「Mermaid」；
- 可在卡片左侧使用Mermaid语法编辑，右侧选择模板可实时预览图形。
示例
流程图
时序图
类图
状态图
ER图
甘特图
饼图
需求图
Gitgraph图
