FollowUser
@FollowUser (Follow User)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

asciidoc + plantuml で図を表示させる方法

解決したいこと

asciidoc のプレビュー に plantuml の UML図を記載したいです。

環境は Windows10 + VScodeとなります。
asciidoc plantuml はインストール済みです。
またjava RunTimeもインストール済みです。

発生している問題・エラー

下図のようにPlantumlが絵として記述されないです。

image.png

該当するソースコード


= Document Title (Level 0)

== Level 1 Section Title

[plantuml]
----
class Animal {
  run()
}

class Cat extends Animal {
}
----


=== Level 2 Section Title

==== Level 3 Section Title

===== Level 4 Section Title

自分で試したこと

  • 単体で[plantuml]を外した→ 駄目
  • ”----” → "--" に変更 → 駄目
  • .pu ファイルに書き込み → OK
    image.png

何かしらadoc上で表示する マジックワードが必要なのでしょうか?

0

1Answer

AsciiDoc形式のドキュメントにPlantUMLを埋め込むには、Asciidoctor Diagramが必要な気がします。

あとQiitaでそれっぽい記事があったので貼っておきます。

1Like

Comments

  1. @FollowUser

    Questioner

    @Ymazin さん 回答ありがとうございます。
    Asciidoctor Diagramですが、 これ2022年に開発中止になっいて非推奨だったので
    使うのを諦めました。

    また記事の展開ありがとうございます!

  2. @FollowUser

    Questioner

    色々調べたら、 Enable Kroki にチェック入れると 再生できました。
    image.png

    image.png

  3. Asciidoctor Diagramですが、 これ2022年に開発中止になっいて非推奨だったので
    使うのを諦めました。

    そうなんですね!こちらこそ勉強になりました。

    Enable Kroki にチェック入れると 再生できました。

    Korokiサーバと通信が発生していると思われますので、
    問題があるようでしたら、ローカルに立てた方がいいかもしれません(そんな記事もあった気がします)

Your answer might help someone💌