Mermaidを使う
いつの間にか正式対応になっていた
code:source.txt
sequenceDiagram
participant Alice
participant Bob
Alice->>Bob: Hello, BoB!
code:mermaid
sequenceDiagram
participant Alice
participant Bob
Alice->>Bob: Hello, BoB!
自分が見えるだけでいいのであれば UserScript:Mermaid
他人に見せる必要がある場合は、Mermaid Ink を使う。
SVG リンクを取得して、終端に #.svg を付ける。
pako:の後の文字列を、https://mermaid-js.github.io/mermaid-live-editor/edit# の後に付けることで編集できる。
URLが長くなりすぎるのが難点。
参考 /forum-jp/PlantUMLの表示に対応して欲しい
source
https://mermaid.ink/svg/pako:eNpljjsOwjAQRK8StjYXcBGJCCR6WjeLPQFL_gRnXaAod8dAqNhq9OZJswvZ7ECaZjwqksXR861wNKlrN3ERb_3ESbpD8Bb_eMjXL_z0-75vQHdnhJBVK4cdKYookb1rK8vbNSR3RBjSLTqMXIMYMmltap0cC07OSy6kRw4zFHGVfHkmS1pKxU_aPt2s9QWuOkQo#.svg
参考
https://github.com/mermaid-js/mermaid
mermaid の説明とソース
/villagepump/Scrapboxがmermaid.jsをサポート