From 31d1c11fe54ccc6b82b09a1fc7c15f16def3d239 Mon Sep 17 00:00:00 2001 From: MAEDA Go Date: Sun, 18 Oct 2026 22:02:38 +0900 Subject: [PATCH 2/2] Add English Mermaid help to languages other than English and Japanese --- .../de/wiki_syntax_common_mark.html.erb | 3 ++ .../wiki_syntax_detailed_common_mark.html.erb | 32 +++++++++++++++++++ .../ta-in/wiki_syntax_common_mark.html.erb | 3 ++ .../wiki_syntax_detailed_common_mark.html.erb | 32 +++++++++++++++++++ .../bg/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/bg/wiki_syntax_textile.html.erb | 3 ++ .../ca/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/ca/wiki_syntax_textile.html.erb | 3 ++ .../cs/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/cs/wiki_syntax_textile.html.erb | 3 ++ .../de/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/de/wiki_syntax_textile.html.erb | 3 ++ .../wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../es-pa/wiki_syntax_textile.html.erb | 3 ++ .../es/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/es/wiki_syntax_textile.html.erb | 3 ++ .../fr/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/fr/wiki_syntax_textile.html.erb | 3 ++ .../gl/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/gl/wiki_syntax_textile.html.erb | 3 ++ .../ko/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/ko/wiki_syntax_textile.html.erb | 3 ++ .../lt/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/lt/wiki_syntax_textile.html.erb | 3 ++ .../nl/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/nl/wiki_syntax_textile.html.erb | 3 ++ .../wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../pt-br/wiki_syntax_textile.html.erb | 3 ++ .../ru/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/ru/wiki_syntax_textile.html.erb | 3 ++ .../wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../ta-in/wiki_syntax_textile.html.erb | 3 ++ .../uk/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/uk/wiki_syntax_textile.html.erb | 3 ++ .../wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../zh-tw/wiki_syntax_textile.html.erb | 3 ++ .../zh/wiki_syntax_detailed_textile.html.erb | 32 +++++++++++++++++++ .../textile/zh/wiki_syntax_textile.html.erb | 3 ++ 38 files changed, 665 insertions(+) diff --git a/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb index 407c8b41e..90f6643c8 100644 --- a/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb +++ b/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb @@ -30,6 +30,9 @@ +Mermaid diagrams (" target="_blank">more) +```mermaid
flowchart LR
  A[Start] --> B[End]
```<%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Zeilenumbrüche und Absätze Eine leere Zeile

erstellt
einen neuen Absatz.

Eine leere Zeile

erstellt einen neuen Absatz.

Beenden Sie eine Zeile mit einem Backslash\
oder zwei Leerzeichen, um einen manuellen Zeilenumbruch einzufügen.

Beenden Sie eine Zeile mit einem Backslash
oder zwei Leerzeichen, um einen manuellen Zeilenumbruch einzufügen.

diff --git a/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_detailed_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_detailed_common_mark.html.erb index b9e7a7e24..80ee74f54 100644 --- a/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_detailed_common_mark.html.erb +++ b/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_detailed_common_mark.html.erb @@ -26,6 +26,7 @@
  • Makros
  • Hervorgehobener Programmcode
  • +
  • Mermaid diagrams
  • Roh HTML
  • Alerts
  • @@ -349,6 +350,37 @@ Es kann durch Klicken auf einen Link erweitert werden. end +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +```mermaid
    +  Place your diagram definition here.
    +```
    +
    + +

    Example:

    + +
    +```mermaid
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +```
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    +

    Roh HTML

    Sie können rohes HTML für komplexere Formatierungsaufgaben verwenden, z.B. komplexe Tabellen mit Zellen, die sich über mehrere Zeilen oder Spalten erstrecken:

    diff --git a/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb index 165251faa..e3afc1b82 100644 --- a/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb +++ b/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb @@ -29,6 +29,9 @@ +Mermaid diagrams (" target="_blank">more) +```mermaid
    flowchart LR
      A[Start] --> B[End]
    ```<%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + வரி முறிவுகள் மற்றும் பத்திகள் ஒரு வெற்று வரி

    உருவாக்குகிறது
    ஒரு புதிய பத்தி.

    ஒரு வெற்று வரி

    ஒரு புதிய பத்தியை உருவாக்குகிறது.

    backslash மூலம் ஒரு வரியை முடிக்கவும்\
    அல்லது கையேடு வரி முறிவைச் செருக இரண்டு இடைவெளிகள்.

    backslash மூலம் ஒரு வரியை முடிக்கவும்
    அல்லது கையேடு வரி முறிவைச் செருக இரண்டு இடைவெளிகள்.

    diff --git a/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_detailed_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_detailed_common_mark.html.erb index 14b90d610..2b72e421d 100644 --- a/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_detailed_common_mark.html.erb +++ b/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_detailed_common_mark.html.erb @@ -26,6 +26,7 @@
  • குறுநிரல்கள்
  • சிறப்பம்ச குறியீடு
  • +
  • Mermaid diagrams
  • Raw HTML
  • Alerts
  • @@ -345,6 +346,37 @@ https://www.redmine.org, someone@example.com முடிவு +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +```mermaid
    +  Place your diagram definition here.
    +```
    +
    + +

    Example:

    + +
    +```mermaid
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +```
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    +

    Raw HTML

    You may use raw HTML for more complex formatting tasks, i.e. complex tables with cells spanning multiple rows or columns:

    diff --git a/app/views/help/wiki_syntax/textile/bg/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/bg/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/bg/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/bg/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb index 1a4d9fa54..e258151c7 100644 --- a/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Lists <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/ca/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/ca/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/ca/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ca/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb index 1f6959add..34b9510d0 100644 --- a/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Llistes <%= image_tag("jstoolbar/list.svg", { alt: "Llista desordenada" }) %>* Article 1
    ** Sub
    * Article 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Llista ordenada" }) %># Article 1
    ## Sub
    # Article 2
    1. Article 1
      1. Sub
    2. Article 2
    diff --git a/app/views/help/wiki_syntax/textile/cs/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/cs/wiki_syntax_detailed_textile.html.erb index 80e92fb5a..3454e01b5 100644 --- a/app/views/help/wiki_syntax/textile/cs/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/cs/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Makra
  • Zvýrazňování kódu
  • +
  • Mermaid diagrams
  • Odkazy

    @@ -359,5 +360,36 @@ Pro rozbalení klikněte na odkaz. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb index 9d724c45d..523608fa2 100644 --- a/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Seznamy <%= image_tag("jstoolbar/list.svg", { alt: "Nesetříděný seznam" }) %>* Položka 1
    ** Pod
    * Položka 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Setříděný seznam" }) %># Položka 1
    ## Pod
    # Položka 2
    1. Položka 1
      1. Pod
    2. Položka 2
    diff --git a/app/views/help/wiki_syntax/textile/de/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/de/wiki_syntax_detailed_textile.html.erb index c060bb4ce..e8aad7795 100644 --- a/app/views/help/wiki_syntax/textile/de/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/de/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Makros
  • Hervorgehobener Programmcode
  • +
  • Mermaid diagrams
  • Links

    @@ -352,5 +353,36 @@ Es kann durch Klicken auf einen Link erweitert werden. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb index 989810c22..f25be5176 100644 --- a/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Listen <%= image_tag("jstoolbar/list.svg", { alt: "Unsortierte Liste" }) %>* Element 1
    ** Sub
    * Element 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Sortierte Liste" }) %># Element 1
    ## Sub
    # Element 2
    1. Element 1
      1. Sub
    2. Element 2
    diff --git a/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb index 82f636b1a..b606c14df 100644 --- a/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Listas <%= image_tag("jstoolbar/list.svg", { alt: "Lista no ordenada" }) %>* artículo 1
    ** Sub
    * artículo 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Lista ordenada" }) %># artículo 1
    ## Sub
    # artículo 2
    1. artículo 1
      1. Sub
    2. artículo 2
    diff --git a/app/views/help/wiki_syntax/textile/es/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/es/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/es/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/es/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb index 82f636b1a..b606c14df 100644 --- a/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Listas <%= image_tag("jstoolbar/list.svg", { alt: "Lista no ordenada" }) %>* artículo 1
    ** Sub
    * artículo 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Lista ordenada" }) %># artículo 1
    ## Sub
    # artículo 2
    1. artículo 1
      1. Sub
    2. artículo 2
    diff --git a/app/views/help/wiki_syntax/textile/fr/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/fr/wiki_syntax_detailed_textile.html.erb index b4d75a0bb..31865ac07 100644 --- a/app/views/help/wiki_syntax/textile/fr/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/fr/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Coloration syntaxique
  • +
  • Mermaid diagrams
  • Liens

    @@ -351,5 +352,36 @@ Il peut être déroulé en cliquant sur le lien. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb index ffab9638b..d6360f197 100644 --- a/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Listes <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/gl/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/gl/wiki_syntax_detailed_textile.html.erb index 5c1555102..cfaa54b7a 100644 --- a/app/views/help/wiki_syntax/textile/gl/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/gl/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -352,5 +353,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb index ae96e151e..e41974f2e 100644 --- a/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Lists <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/ko/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/ko/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/ko/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ko/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb index 56c6e727c..9c19f7b2a 100644 --- a/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Lists <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/lt/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/lt/wiki_syntax_detailed_textile.html.erb index 06ca1d4ce..5db330657 100644 --- a/app/views/help/wiki_syntax/textile/lt/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/lt/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -352,5 +353,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb index f02d5ac45..083e2637e 100644 --- a/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Lists <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/nl/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/nl/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/nl/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/nl/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb index 176a14d2a..74ae6c28b 100644 --- a/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Lists <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_detailed_textile.html.erb index ff262a401..7af7fd094 100644 --- a/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Macros
  • Code highlighting
  • +
  • Mermaid diagrams
  • Links

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb index 437fc0ec5..2ab1de835 100644 --- a/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Listas <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* Item 1
    ** Sub
    * Item 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># Item 1
    ## Sub
    # Item 2
    1. Item 1
      1. Sub
    2. Item 2
    diff --git a/app/views/help/wiki_syntax/textile/ru/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/ru/wiki_syntax_detailed_textile.html.erb index 2baf32b79..dd3aacf80 100644 --- a/app/views/help/wiki_syntax/textile/ru/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ru/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Макросы
  • Подсветка кода
  • +
  • Mermaid diagrams
  • Ссылки

    @@ -383,5 +384,36 @@ bq. Rails - это полноценный, многоуровневый фрей end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb index b06d5abe9..4d1ba5bc0 100644 --- a/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb @@ -66,6 +66,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Списки <%= image_tag("jstoolbar/list.svg", { alt: "Несортированный список" }) %>* Элемент 1
    ** Подэлемент
    * Элемент 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Сортированный список" }) %># Элемент 1
    ## Подэлемент
    # Элемент 2
    1. Элемент 1
      1. Подэлемент
    2. Элемент 2
    diff --git a/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_detailed_textile.html.erb index da1f15b8d..9726219f6 100644 --- a/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • குறுநிரல்கள்
  • சிறப்பம்ச குறியீடு
  • +
  • Mermaid diagrams
  • இணைப்புகள்

    @@ -351,5 +352,36 @@ bq. ரெயில்ஸ் என்பது மாடல்-வியூ-க end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb index 3e7cae40b..a792b8c5c 100644 --- a/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + பட்டியல்கள் <%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %>* பொருள் 1
    ** துணை
    * பொருள் 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %># பொருள் 1
    ## துணை
    # பொருள் 2
    1. பொருள் 1
      1. துணை
    2. பொருள் 2
    diff --git a/app/views/help/wiki_syntax/textile/uk/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/uk/wiki_syntax_detailed_textile.html.erb index 07bf6eda5..26b02b47b 100644 --- a/app/views/help/wiki_syntax/textile/uk/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/uk/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • Макроси
  • Підсвітка синтаксису коду
  • +
  • Mermaid diagrams
  • Лінки(посилання)

    @@ -351,5 +352,36 @@ bq. Redmine — серверний веб-додаток з відкритим end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb index 2c791496a..c5e769d81 100644 --- a/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb @@ -33,6 +33,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + Списки <%= image_tag("jstoolbar/list.svg", { alt: "Ненумерованний список" }) %>* Пункт
    ** Підпункт
    * Пункт <%= image_tag("jstoolbar/list-numbers.svg", { alt: "Нумерований список" }) %># Пункт
    ## Підпункт
    # Пункт
    1. Пункт
      1. Підпункт
    2. Пункт
    diff --git a/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_detailed_textile.html.erb index e0c58b501..5653d71aa 100644 --- a/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • 巨集
  • 程式碼醒目提示
  • +
  • Mermaid diagrams
  • 連結

    @@ -351,5 +352,36 @@ It can be expanded by clicking a link. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb index 1f5be349f..7b51f5266 100644 --- a/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + 清單 <%= image_tag("jstoolbar/list.svg", { alt: "不排序清單" }) %>* 清單項目 1
    ** 子清單項目
    * 清單項目 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "排序清單" }) %># 清單項目 1
    ## Sub
    # 清單項目 2
    1. 清單項目 1
      1. Sub
    2. 清單項目 2
    diff --git a/app/views/help/wiki_syntax/textile/zh/wiki_syntax_detailed_textile.html.erb b/app/views/help/wiki_syntax/textile/zh/wiki_syntax_detailed_textile.html.erb index e3291340f..987b36022 100644 --- a/app/views/help/wiki_syntax/textile/zh/wiki_syntax_detailed_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/zh/wiki_syntax_detailed_textile.html.erb @@ -27,6 +27,7 @@
  • 宏
  • 代码高亮
  • +
  • Mermaid diagrams
  • 链接

    @@ -351,5 +352,36 @@ To go live, all you need to add is a database and a web server. end end + +

    Mermaid diagrams

    + +

    Code blocks written in the mermaid language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by Mermaid.js. Please refer to the Mermaid syntax reference for the available diagrams and their syntax.

    + +

    Mermaid.js is not bundled with Redmine, and diagrams are rendered only if the administrator has installed it. Otherwise, the code is displayed as a plain code block.

    + +

    You can draw a diagram at any place that supports wiki formatting using this syntax:

    + +
    +<pre><code class="mermaid">
    +  Place your diagram definition here.
    +</code></pre>
    +
    + +

    Example:

    + +
    +<pre><code class="mermaid">
    +flowchart LR
    +  A[New issue] --> B{Reproducible?}
    +  B -->|Yes| C[Fix]
    +  B -->|No| D[Close]
    +</code></pre>
    +
    + +

    yields

    + +<%= image_tag("help/mermaid_flowchart_decision.png", width: 635, alt: "Flowchart: a new issue is fixed if it is reproducible, and closed otherwise") %> + +

    A rendered diagram can be downloaded as a PNG image.

    diff --git a/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb index a1cde351f..30b5165bd 100644 --- a/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb +++ b/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb @@ -32,6 +32,9 @@ +Mermaid diagrams (" target="_blank">more) +<pre><code class="mermaid">
    flowchart LR
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %> + 列表 <%= image_tag("jstoolbar/list.svg", { alt: "不排序列表" }) %>* 列表项 1
    ** Sub
    * 列表项 2 <%= image_tag("jstoolbar/list-numbers.svg", { alt: "排序列表" }) %># 列表项 1
    ## Sub
    # 列表项 2
    1. 列表项 1
      1. 子项
    2. 列表项 2
    -- 2.55.0