Plantuml support

[pihentagy]

Hi all!

Is there a plugin, which can handle plantuml diagrams inside posts?

So if I type the below code, I’d like to have a nice plantuml graph there (editable, because I’d like to posts as a wiki).

@startuml
Bob -> Alice : hello
Alice -> Bob : go away
@enduml

[sam (Sam Saffron)]

I think some people experimented with that … what we have already is support for graphviz (which is way more powerful) and mermaid.

Mermaid JS Plugin

Repo: https://github.com/unfoldingWord-dev/discourse-mermaid Overview This plugin adds the Mermaid JS library to Discourse so that posts can make use of its features. It turns this: [mermaid] gantt title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d Another task :after a1 , 20d section Another Task in sec :2014-01-12 , 12d another task : 24d [/mermaid] into this: [55%20PM] See the Mermaid JS si…

Discourse Graphviz

Summary Discourse Graphviz provides the ability to add graphs to posts using the DOT language. Install Guide This plugin is bundled with Discourse core. There is no need to install the plugin separately. Features This plugin uses the Viz.js library to render graphs. To embed a graph use [graphviz] [/graphviz] bbcode. Optionally you can define layout engine attributes: [graphviz engine=neato]. If engine is not defined, it defaults to the dot engine…

[pihentagy]

Thansk for the tips!

Yes, since PlantUML “compiles” to graphviz, one can say graphviz is better than PlantUML. But I’m sure you don’t prefer coding in asm over ruby, but asm is definitely more powerful .

Since you can fire up your own plantuml server and the plugin should just fire up a query and will get the result image I am suprised noone has integrated it yet.

I’d choose Mermaid, but PlantUML has way more type of diagrams, which would be usable for us.

Maybe I’ll start embedding images like

which is editable on http://www.plantuml.com/plantuml.

[pfaffman (Jay Pfaffman)]

If you have a budget you can post in marketplace.

[sam (Sam Saffron)]

Note… we support mermaid via our mermaid component

Discourse Mermaid

Summary Discourse Mermaid lets you create very powerful graphs using the Mermaid syntax. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-mermaid-theme-component New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Usage ```mermaid height=200 graph TD; A --> B; ``` [mermaid diagram example] Learn more about the Merma…

sequenceDiagram
    participant bob
    participant alice
    bob->>alice: "Hello!"
    alice->>bob: "Go away"

```mermaid height=380

sequenceDiagram
    participant bob
    participant alice
    bob->>alice: "Hello!"
    alice->>bob: "Go away"
```