返回首頁

複雜的 PlantUML 圖表,也能輕鬆編輯

將 PlantUML 內容貼上到 ```plantuml Markdown 圍欄程式碼區塊中,Notes Plus 就會在旁邊渲染圖表。您可以用始終可移植、可審閱且屬於筆記本身的圖表記錄系統、工作流和想法。

Notes Plus 分欄編輯器同時顯示 PlantUML 原始碼與渲染後的筆記平台架構圖。
Notes Plus 視覺化編輯器顯示渲染後的 PlantUML 筆記平台架構圖。
PlantUML 是一種用於技術圖表的文字語言。這個簡短範例是時序圖:每個箭頭表示參與者之間的一條消息,適合記錄互動過程和使用者流程。

使用 plantuml 圍欄程式碼區塊,以 @startuml開頭,編寫圖表語句,最後以 @enduml結束。例如, Alice -> Bob: Hello 表示請求,而 Bob --> Alice: Hi 表示返回消息。視覺化模式顯示渲染結果,原始模式顯示原始碼。 PlantUML 語言指南 提供語法說明和範例。

Notes Plus 視覺化編輯器顯示 Alice 與 Bob 之間的簡短 PlantUML 時序圖。