Discourse Mermaid

テーマコンポーネント
,
1

|||
-|-|-|
:discourse2: | 概要 | Discourse Mermaid を使用すると、Mermaid の構文を使用して非常に強力なグラフを作成できます。
| : eyeglasses: | プレビュー | Discourse Theme Creator でプレビュー |
:hammer_and_wrench: | リポジトリリンク | https://github.com/discourse/discourse-mermaid-theme-component
:open_book: |Discourse テーマは初めてですか？ | Discourse テーマの使用方法（初心者ガイド）

このテーマコンポーネントをインストール

使用方法

```mermaid height=200
graph TD;
  A --> B;
```

mermaid diagram example
mermaid diagram example1396×642 30.9 KB

Mermaid 構文の詳細については、公式ウェブサイトをご覧ください: Mermaid | Diagramming and charting tool

:warning: グラフはメールではレンダリングされません

設定

名前 説明
svg icons
翻訳 デフォルト
rendering_error エラー

Mermaid コードが mermaid.live で実行され、4 スペースでインデントされていることを確認してください。例: 

    flowchart TB
    A --> B

insert_mermaid_sample Mermaid チャート

:discourse2: 当社でホストしていますか？ テーマコンポーネントは、Pro、Business、Enterprise プランで利用できます。

「いいね！」 30