使用方法
用于在同一工作区中编写 PlantUML 语法并检查预览的工具，适合确认时序图或类图等 UML 图结构。支持主题切换和多页面管理，也适合比较不同图版本。
适用场景
可实现内容
指南
按画面区域说明设置、输入、预览、结果和保存等操作方法。
01 HOWTO
在左侧输入 PlantUML 语法。可以先选择图表模板，再根据当前图表类型插入补全候选，并在右侧预览中确认结构。
可以输入时序图、类图、状态图等 PlantUML 语法。
输入为空时，可以选择图表类型并插入从 @startuml 到 @enduml 的基础结构。
可以在光标位置插入参与者、消息、类、关系等符合当前图表类型的候选。
语法有问题时，可以查看预览侧的显示并修正输入。
02 HOWTO
使用输入框上方的模板和补全候选、顶部的历史记录，以及输入框右上角的清空和复制操作来编辑图表。这里用于创建基础结构、追加部件和复用草稿。
可以选择时序图、类图、状态图等基础结构并插入输入框。
可以追加参与者、消息、类、关系等符合当前语法的部件。
当前输入会作为草稿保存在浏览器中，也可以从历史记录回到最近的编辑状态。
可以删除当前语法并重新创建图表。
可以将编辑中的语法复制到 README 或规格文档。
03 HOWTO
在右侧预览栏确认 PlantUML 的绘制结果，并在分享前切换主题。无法绘制时，错误内容也会显示在这里。
可以改变背景和线条颜色，选择适合共享位置的显示效果。
可以确认输入的 PlantUML 语法是否绘制成预期图形。
无法绘制时，先查看错误消息再修正语法。
可以参考预览结果，回到编辑器调整语法。
04 HOWTO
使用预览上方的输出操作选择 SVG 或 PNG，并复制或下载绘制好的图。无法输出时，可查看错误并返回输入栏修正。
可在 SVG 和 PNG 之间切换，选择适合共享或粘贴位置的格式。
可以按当前选择的格式复制绘制好的图，并粘贴到文档或聊天中。
可以将绘制好的图保存为 SVG 或 PNG 文件。
可以复制生成图形所用的 PlantUML 语法，并与图片一起共享。
无法输出图形时，可以查看错误并返回输入栏修正。
注意事项
将使用前应先判断的重要点按原因归纳整理。
检查事项
如果一开始就加入太多元素，就很难区分语法问题和关系问题。建议先从最小结构开始，再逐步补充。
检查事项
需要继续编辑时优先 SVG，需要快速贴到聊天或演示文稿时优先 PNG。
注意
PlantUML 预览需要网络连接才能渲染图表。没有网络连接时预览无法显示。
FAQ
这里先整理能帮助使用前判断的常见问题。
它面向 PlantUML 语法和 UML 图场景。可以按文档切换不同记法工具。
SVG 与 PNG 操作取决于预览 engine 的连接状态。未连接时会在预览面板显示错误。
支持时序图、类图、状态图、用例图、甘特图等 PlantUML 主要图表类型。
PlantUML 官方文档中有各类图表的语法说明。可以在本页边输入语法边确认效果。
可下载为 SVG 或 PNG，也可复制到剪贴板后分享。
PlantUML 预览需要连接外部服务器。没有网络连接时预览无法显示。
下一步指南
这里整理了相关指南，便于继续操作时不迷失。
