Wiki source code of Add a Diagram to a Page
Last modified by Vincent Massol on 2026/10/21 19:09
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | Draw a diagram in a wiki page from its textual definition, using the [["plantuml" macro>>doc:documentation.extensions.user.plantuml.plantuml-macro.WebHome]]. To see what the macro can draw, read [[PlantUML>>doc:documentation.extensions.user.plantuml.WebHome]]. | ||
| 2 | |||
| 3 | 1. Edit the page and [[insert the "PlantUML" macro>>doc:documentation.xs.user.base.page.edit.edit-standalone-wysiwyg-editor.insert-macro.WebHome]] where the diagram goes. | ||
| 4 | 1. Type the definition of the diagram in "Content", in the [[PlantUML language>>https://plantuml.com/]], and click "Submit".((( | ||
| 5 | {{image reference="plantuml-macro-dialog.png" size="large" alt="Edit Macro dialog of the PlantUML macro with a use case diagram definition in the Content field highlighted"/}} | ||
| 6 | |||
| 7 | In the wiki editor, write the macro on its own lines instead: | ||
| 8 | |||
| 9 | {{code language="none"}} | ||
| 10 | {{plantuml}} | ||
| 11 | @startuml | ||
| 12 | :Customer: -> (Withdraw) | ||
| 13 | note right of (Withdraw) : This is an example. | ||
| 14 | @enduml | ||
| 15 | {{/plantuml}} | ||
| 16 | {{/code}} | ||
| 17 | ))) | ||
| 18 | 1. Click "Save & View". The diagram is displayed in the page.((( | ||
| 19 | {{image reference="withdrawal-use-case-diagram.png" size="large" alt="Use case diagram linking a Customer actor to a Withdraw use case, with a note"/}} | ||
| 20 | ))) |
