reveal-plantuml

A reveal.js plugin that allow using PlantUML diagrams

Features

• Configurable PlantUML server address
• PlantUML diagrams on Markdown slides
• PlantUML diagrams on HTML slides
• CDN support (unpkg, jsDelivr)
• NPM package

Examples

A few example diagram...

Diagram in Markdown

          <section data-markdown>
    <textarea data-template>
    ## Diagram in Markdown

    ```plantuml
    @startuml
    
    Alice -> Bob: Authentication Request
    Bob --> Alice: Authentication Response
    Alice -> Bob: Another authentication Request
    Alice <-- Bob: Another authentication Response
    @enduml
    ```
    </textarea>
</section>
        

Diagram in HTML

          <pre>
<code class="language-plantuml">
    @startuml
    User -> (Start)
    User --> (Use the application) : A small label
    :Main Admin: ---> (Use the application) : This is\nAnother\nlabel
    @enduml
</code>
</pre>
        

Diagram in HTML

          
            @startuml
            User -> (Start)
            User --> (Use the application) : A small label
            :Main Admin: ---> (Use the application) : This is\nAnother\nlabel
            @enduml
          
        

Documentation

Check README on GitHub for more information