From ba4f37c3bc6edbdae3a0dac478b3b1d49598cb52 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 Copy the English Mermaid diagrams row and section into the wiki syntax help pages of languages other than English and Japanese, so that users of these languages can also find out about Mermaid diagrams until the pages are translated. Co-Authored-By: Claude Opus 5.5 --- .../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..6336ede3b 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 TD
  A[Start] --> B[End]
```<%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..9a596ca48 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..e34de48e5 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 TD
      A[Start] --> B[End]
    ```<%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..77658341e 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..d3a8bd6bb 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..7dc21d5a4 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..8b122e130 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..0938307db 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..5b4909fcc 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..dd0fcd6c8 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..46b2dca02 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..46b2dca02 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..e83cad96e 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..770553c41 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..f084c8737 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..9e5996a45 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..ad30509e9 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..be5b3c6e2 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..939f2b9cc 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..0aff4fa67 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..6abcc2b79 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..498fcf4db 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..d2c1ff436 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..ca56ea91d 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..12ababe66 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..fdcfa4ddf 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..58afcc1f9 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..0db467ea1 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..1e51e6f3d 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..07edd0344 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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..8fa83458b 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.<% if Redmine::Mermaid.installed_version %> Please note that the reference describes the latest version of Mermaid.js, and some of the syntax described there may not be supported by the installed version, <%= Redmine::Mermaid.installed_version %>.<% end %>

    + +

    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..7e3994b5c 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 TD
      A[Start] --> B[End]
    </code></pre><%= image_tag("help/mermaid_flowchart_simple.png", width: 168, 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