...
Create or Edit a Page: Click on the '+' button to create a new page or choose an existing page and click on 'Edit'.
Open Macro Menu: Once you are in the page editor, click on the 'Insert more content' button, represented by a '+' symbol, usually located at the top or the end of the editor.
Find the Macro: In the dropdown menu, select 'View more' to open the macro selection menu. Here, type 'PlantUML Diagram' into the search bar and press Enter.
Alternatively, you can quickly add a macro by typing '/' on your keyboard while in the editor, followed by 'PlantUML Diagram'. This will show you the 'PlantUML Diagram' macro in a dropdown. Click on it to add it to your page.
Add the Macro: You will see the 'PlantUML Diagram' macro in the search results. Click on it to add it to your page.
Edit the Macro: Upon adding the 'PlantUML Diagram' macro, a default diagram will appear. To edit this, click on the diagram and select the pencil (✏️ Edit) icon that appears.
Insert Diagram Code: Upon clicking the edit icon, a sidebar will open on the right side of your screen. In this sidebar, you'll find a field to input your PlantUML code. Here, type in the code for your specific diagram. If you're new to PlantUML or need a refresher, visit our Quick Start Guide to PlantUML. Additionally, you have the option to add a brief caption to your diagram in the provided caption field.
Publish Your Page: After inserting your diagram, finish your edits and click on 'Publish'. The 'PlantUML Diagram' with your diagram will now appear on the published page.
...