Project

General

Profile

Download (66.9 KB)

Feature #44636 » 0002-Add-English-Mermaid-help-to-languages-other-than-Eng.patch

Go MAEDA, 2026-10-18 15:23

View differences:

app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb
30 30 
</code></pre>
31 31 
</td></tr>
32 
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "17") %>" target="_blank">more</a>)</span></th></tr>
33 
<tr><th></th><td>```mermaid<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />```</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>
34 

  		




  32
  35
  
    
<tr><th colspan="3">Zeilenumbrüche und Absätze</th></tr>

  		




  33
  36
  
    
<tr><th></th><td>Eine leere Zeile<br><br>erstellt<br>einen neuen Absatz.</td><td><p>Eine leere Zeile</p><p>erstellt einen neuen Absatz.</p></td></tr>

  		




  34
  37
  
    
<tr><th></th><td>Beenden Sie eine Zeile mit einem Backslash\<br>oder zwei Leerzeichen, um einen manuellen Zeilenumbruch einzufügen.</td><td><p>	Beenden Sie eine Zeile mit einem Backslash<br>oder zwei Leerzeichen, um einen manuellen Zeilenumbruch einzufügen.</p></td></tr>

  		












  

    
      app/views/help/wiki_syntax/common_mark/de/wiki_syntax_detailed_common_mark.html.erb
    
  





  26
  26
  
    
        </ul>

  		




  27
  27
  
    
        <li><a href='#12'>Makros</a></li>

  		




  28
  28
  
    
        <li><a href='#13'>Hervorgehobener Programmcode</a></li>

  		




  
  29
  
    
        <li><a href='#17'>Mermaid diagrams</a></li>

  		




  29
  30
  
    
        <li><a href='#15'>Roh HTML</a></li>

  		




  30
  31
  
    
        <li><a href='#16'>Alerts</a></li>

  		




  31
  32
  
    
    </ul>

  		




  ......




  349
  350
  
    
<span class="k">end</span>

  		




  350
  351
  
    
</code></pre>

  		




  
  352
  
    
    <h2><a name="17" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  353
  
    

  		




  
  354
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  355
  
    

  		




  
  356
  
    
    <p>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.</p>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  359
  
    

  		




  
  360
  
    
<pre>

  		




  
  361
  
    
```mermaid

  		




  
  362
  
    
  Place your diagram definition here.

  		




  
  363
  
    
```

  		




  
  364
  
    
</pre>

  		




  
  365
  
    

  		




  
  366
  
    
    <p>Example:</p>

  		




  
  367
  
    

  		




  
  368
  
    
<pre>

  		




  
  369
  
    
```mermaid

  		




  
  370
  
    
flowchart LR

  		




  
  371
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  372
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  373
  
    
  B --&gt;|No| D[Close]

  		




  
  374
  
    
```

  		




  
  375
  
    
</pre>

  		




  
  376
  
    

  		




  
  377
  
    
    <p>yields</p>

  		




  
  378
  
    

  		




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

  		




  
  380
  
    

  		




  
  381
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  
  382
  
    

  		




  351
  383
  
    
    <h2><a name="15" class="wiki-page"></a>Roh HTML</h2>

  		




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

  		












  

    
      app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb
    
  





  29
  29
  
    
</code></pre>

  		




  30
  30
  
    
  </td></tr>

  		




  
  31
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "17") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  32
  
    
<tr><th></th><td>```mermaid<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />```</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  33
  
    

  		




  31
  34
  
    
  <tr><th colspan="3">வரி முறிவுகள் மற்றும் பத்திகள்</th></tr>

  		




  32
  35
  
    
  <tr><th></th><td>ஒரு வெற்று வரி<br><br>உருவாக்குகிறது<br>ஒரு புதிய பத்தி.</td><td><p>ஒரு வெற்று வரி</p><p>ஒரு புதிய பத்தியை உருவாக்குகிறது.</p></td></tr>

  		




  33
  36
  
    
  <tr><th></th><td>backslash மூலம் ஒரு வரியை முடிக்கவும்\<br> அல்லது கையேடு வரி முறிவைச் செருக இரண்டு இடைவெளிகள்.</td><td><p>backslash மூலம் ஒரு வரியை முடிக்கவும்<br>அல்லது கையேடு வரி முறிவைச் செருக இரண்டு இடைவெளிகள்.</p></td></tr>

  		












  

    
      app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_detailed_common_mark.html.erb
    
  





  26
  26
  
    
  </ul>

  		




  27
  27
  
    
  <li><a href='#12'>குறுநிரல்கள்</a></li>

  		




  28
  28
  
    
  <li><a href='#13'>சிறப்பம்ச குறியீடு</a></li>

  		




  
  29
  
    
        <li><a href='#17'>Mermaid diagrams</a></li>

  		




  29
  30
  
    
  <li><a href='#15'>Raw HTML</a></li>

  		




  30
  31
  
    
  <li><a href='#16'>Alerts</a></li>

  		




  31
  32
  
    
</ul>

  		




  ......




  345
  346
  
    
<span class="k">முடிவு</span>

  		




  346
  347
  
    
</code></pre>

  		




  
  348
  
    
    <h2><a name="17" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  349
  
    

  		




  
  350
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  351
  
    

  		




  
  352
  
    
    <p>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.</p>

  		




  
  353
  
    

  		




  
  354
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  355
  
    

  		




  
  356
  
    
<pre>

  		




  
  357
  
    
```mermaid

  		




  
  358
  
    
  Place your diagram definition here.

  		




  
  359
  
    
```

  		




  
  360
  
    
</pre>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>Example:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
```mermaid

  		




  
  366
  
    
flowchart LR

  		




  
  367
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  368
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  369
  
    
  B --&gt;|No| D[Close]

  		




  
  370
  
    
```

  		




  
  371
  
    
</pre>

  		




  
  372
  
    

  		




  
  373
  
    
    <p>yields</p>

  		




  
  374
  
    

  		




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

  		




  
  376
  
    

  		




  
  377
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  
  378
  
    

  		




  347
  379
  
    
    <h2><a name="15" class="wiki-page"></a>Raw HTML</h2>

  		




  348
  380
  
    
    <p>You may use raw HTML for more complex formatting tasks, i.e. complex tables with cells spanning multiple rows or columns:</p>

  		












  

    
      app/views/help/wiki_syntax/textile/bg/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Lists</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/ca/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Llistes</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Llista desordenada" }) %></th><td>* Article 1<br />** Sub<br />* Article 2</td><td><ul><li>Article 1<ul><li>Sub</li></ul></li><li>Article 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Llista ordenada" }) %></th><td># Article 1<br />## Sub<br /># Article 2</td><td><ol><li>Article 1<ol><li>Sub</li></ol></li><li>Article 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/cs/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Makra</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Zvýrazňování kódu</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Odkazy</h2>

  		




  ......




  359
  360
  
    
  <span class="k">end</span>

  		




  360
  361
  
    
<span class="k">end</span>

  		




  361
  362
  
    
</code></pre>

  		




  
  363
  
    

  		




  
  364
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  365
  
    

  		




  
  366
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  367
  
    

  		




  
  368
  
    
    <p>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.</p>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
  Place your diagram definition here.

  		




  
  375
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  376
  
    
</pre>

  		




  
  377
  
    

  		




  
  378
  
    
    <p>Example:</p>

  		




  
  379
  
    

  		




  
  380
  
    
<pre>

  		




  
  381
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  382
  
    
flowchart LR

  		




  
  383
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  384
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  385
  
    
  B --&gt;|No| D[Close]

  		




  
  386
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  387
  
    
</pre>

  		




  
  388
  
    

  		




  
  389
  
    
    <p>yields</p>

  		




  
  390
  
    

  		




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

  		




  
  392
  
    

  		




  
  393
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  362
  394
  
    
</body>

  		




  363
  395
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Seznamy</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Nesetříděný seznam" }) %></th><td>* Položka 1<br />** Pod<br />* Položka 2</td><td><ul><li>Položka 1<ul><li>Pod</li></ul></li><li>Položka 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Setříděný seznam" }) %></th><td># Položka 1<br />## Pod<br /># Položka 2</td><td><ol><li>Položka 1<ol><li>Pod</li></ol></li><li>Položka 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/de/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Makros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Hervorgehobener Programmcode</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  352
  353
  
    
  <span class="k">end</span>

  		




  353
  354
  
    
<span class="k">end</span>

  		




  354
  355
  
    
</code></pre>

  		




  
  356
  
    

  		




  
  357
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  358
  
    

  		




  
  359
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  360
  
    

  		




  
  361
  
    
    <p>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.</p>

  		




  
  362
  
    

  		




  
  363
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  364
  
    

  		




  
  365
  
    
<pre>

  		




  
  366
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  367
  
    
  Place your diagram definition here.

  		




  
  368
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  369
  
    
</pre>

  		




  
  370
  
    

  		




  
  371
  
    
    <p>Example:</p>

  		




  
  372
  
    

  		




  
  373
  
    
<pre>

  		




  
  374
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  375
  
    
flowchart LR

  		




  
  376
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  377
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  378
  
    
  B --&gt;|No| D[Close]

  		




  
  379
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  380
  
    
</pre>

  		




  
  381
  
    

  		




  
  382
  
    
    <p>yields</p>

  		




  
  383
  
    

  		




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

  		




  
  385
  
    

  		




  
  386
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  355
  387
  
    
</body>

  		




  356
  388
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Listen</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unsortierte Liste" }) %></th><td>* Element 1<br />** Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Sortierte Liste" }) %></th><td># Element 1<br />## Sub<br /># Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Listas</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Lista no ordenada" }) %></th><td>* art&iacute;culo 1<br />** Sub<br />* art&iacute;culo 2</td><td><ul><li>art&iacute;culo 1<ul><li>Sub</li></ul></li><li>art&iacute;culo</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Lista ordenada" }) %></th><td># art&iacute;culo 1<br />## Sub<br /># art&iacute;culo 2</td><td><ol><li>art&iacute;culo 1<ol><li>Sub</li></ol></li><li>art&iacute;culo 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/es/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Listas</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Lista no ordenada" }) %></th><td>* art&iacute;culo 1<br />** Sub<br />* art&iacute;culo 2</td><td><ul><li>art&iacute;culo 1<ul><li>Sub</li></ul></li><li>art&iacute;culo</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Lista ordenada" }) %></th><td># art&iacute;culo 1<br />## Sub<br /># art&iacute;culo 2</td><td><ol><li>art&iacute;culo 1<ol><li>Sub</li></ol></li><li>art&iacute;culo 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/fr/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Coloration syntaxique</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Liens</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Listes</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/gl/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  352
  353
  
    
  <span class="k">end</span>

  		




  353
  354
  
    
<span class="k">end</span>

  		




  354
  355
  
    
</code></pre>

  		




  
  356
  
    

  		




  
  357
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  358
  
    

  		




  
  359
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  360
  
    

  		




  
  361
  
    
    <p>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.</p>

  		




  
  362
  
    

  		




  
  363
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  364
  
    

  		




  
  365
  
    
<pre>

  		




  
  366
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  367
  
    
  Place your diagram definition here.

  		




  
  368
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  369
  
    
</pre>

  		




  
  370
  
    

  		




  
  371
  
    
    <p>Example:</p>

  		




  
  372
  
    

  		




  
  373
  
    
<pre>

  		




  
  374
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  375
  
    
flowchart LR

  		




  
  376
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  377
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  378
  
    
  B --&gt;|No| D[Close]

  		




  
  379
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  380
  
    
</pre>

  		




  
  381
  
    

  		




  
  382
  
    
    <p>yields</p>

  		




  
  383
  
    

  		




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

  		




  
  385
  
    

  		




  
  386
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  355
  387
  
    
</body>

  		




  356
  388
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Lists</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/ko/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Lists</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/lt/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  352
  353
  
    
  <span class="k">end</span>

  		




  353
  354
  
    
<span class="k">end</span>

  		




  354
  355
  
    
</code></pre>

  		




  
  356
  
    

  		




  
  357
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  358
  
    

  		




  
  359
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  360
  
    

  		




  
  361
  
    
    <p>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.</p>

  		




  
  362
  
    

  		




  
  363
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  364
  
    

  		




  
  365
  
    
<pre>

  		




  
  366
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  367
  
    
  Place your diagram definition here.

  		




  
  368
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  369
  
    
</pre>

  		




  
  370
  
    

  		




  
  371
  
    
    <p>Example:</p>

  		




  
  372
  
    

  		




  
  373
  
    
<pre>

  		




  
  374
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  375
  
    
flowchart LR

  		




  
  376
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  377
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  378
  
    
  B --&gt;|No| D[Close]

  		




  
  379
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  380
  
    
</pre>

  		




  
  381
  
    

  		




  
  382
  
    
    <p>yields</p>

  		




  
  383
  
    

  		




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

  		




  
  385
  
    

  		




  
  386
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  355
  387
  
    
</body>

  		




  356
  388
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Lists</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/nl/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Lists</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Macros</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Code highlighting</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Links</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">Listas</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/ru/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Макросы</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Подсветка кода</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Ссылки</h2>

  		




  ......




  383
  384
  
    
  <span class="k">end</span>

  		




  384
  385
  
    
<span class="k">end</span>

  		




  385
  386
  
    
</code></pre>

  		




  
  387
  
    

  		




  
  388
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  389
  
    

  		




  
  390
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  391
  
    

  		




  
  392
  
    
    <p>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.</p>

  		




  
  393
  
    

  		




  
  394
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  395
  
    

  		




  
  396
  
    
<pre>

  		




  
  397
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  398
  
    
  Place your diagram definition here.

  		




  
  399
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  400
  
    
</pre>

  		




  
  401
  
    

  		




  
  402
  
    
    <p>Example:</p>

  		




  
  403
  
    

  		




  
  404
  
    
<pre>

  		




  
  405
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  406
  
    
flowchart LR

  		




  
  407
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  408
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  409
  
    
  B --&gt;|No| D[Close]

  		




  
  410
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  411
  
    
</pre>

  		




  
  412
  
    

  		




  
  413
  
    
    <p>yields</p>

  		




  
  414
  
    

  		




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

  		




  
  416
  
    

  		




  
  417
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  386
  418
  
    
</body>

  		




  387
  419
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb
    
  





  66
  66
  
    
</code></pre>

  		




  67
  67
  
    
</td></tr>

  		




  
  68
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  69
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  70
  
    

  		




  68
  71
  
    
<tr><th colspan="3">Списки</th></tr>

  		




  69
  72
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Несортированный список" }) %></th><td>* Элемент 1<br />** Подэлемент<br />* Элемент 2</td><td><ul><li>Элемент 1<ul><li>Подэлемент</li></ul></li><li>Элемент 2</li></ul></td></tr>

  		




  70
  73
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Сортированный список" }) %></th><td># Элемент 1<br />## Подэлемент<br /># Элемент 2</td><td><ol><li>Элемент 1<ol><li>Подэлемент</li></ol></li><li>Элемент 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>குறுநிரல்கள்</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>சிறப்பம்ச குறியீடு</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>இணைப்புகள்</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">பட்டியல்கள்</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* பொருள் 1<br />** துணை<br />* பொருள் 2</td><td><ul><li>பொருள் 1<ul><li>துணை</li></ul></li><li>பொருள் 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># பொருள் 1<br />## துணை<br /># பொருள் 2</td><td><ol><li>பொருள் 1<ol><li>துணை</li></ol></li><li>பொருள் 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/uk/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>Макроси</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>Підсвітка синтаксису коду</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>Лінки(посилання)</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb
    
  





  33
  33
  
    
</code></pre>

  		




  34
  34
  
    
</td></tr>

  		




  
  35
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  36
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  37
  
    

  		




  35
  38
  
    
<tr><th colspan="3">Списки</th></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Ненумерованний список" }) %></th><td>* Пункт<br />** Підпункт<br />* Пункт</td><td><ul><li>Пункт<ul><li>Підпункт</li></ul></li><li>Пункт</li></ul></td></tr>

  		




  37
  40
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Нумерований список" }) %></th><td># Пункт<br />## Підпункт<br /># Пункт</td><td><ol><li>Пункт<ol><li>Підпункт</li></ol></li><li>Пункт</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>巨集</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>程式碼醒目提示</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>連結</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">清單</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "不排序清單" }) %></th><td>* 清單項目 1<br />** 子清單項目<br />* 清單項目 2</td><td><ul><li>清單項目 1<ul><li>子清單項目</li></ul></li><li>清單項目 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "排序清單" }) %></th><td># 清單項目 1<br />## Sub<br /># 清單項目 2</td><td><ol><li>清單項目 1<ol><li>Sub</li></ol></li><li>清單項目 2</li></ol></td></tr>

  		












  

    
      app/views/help/wiki_syntax/textile/zh/wiki_syntax_detailed_textile.html.erb
    
  





  27
  27
  
    
        </ul>

  		




  28
  28
  
    
        <li><a href='#12'>宏</a></li>

  		




  29
  29
  
    
        <li><a href='#13'>代码高亮</a></li>

  		




  
  30
  
    
        <li><a href='#15'>Mermaid diagrams</a></li>

  		




  30
  31
  
    
    </ul>

  		




  31
  32
  
    
    <h2><a name="2" class="wiki-page"></a>链接</h2>

  		




  ......




  351
  352
  
    
  <span class="k">end</span>

  		




  352
  353
  
    
<span class="k">end</span>

  		




  353
  354
  
    
</code></pre>

  		




  
  355
  
    

  		




  
  356
  
    
    <h2><a name="15" class="wiki-page"></a>Mermaid diagrams</h2>

  		




  
  357
  
    

  		




  
  358
  
    
    <p>Code blocks written in the <strong>mermaid</strong> language are rendered as diagrams, such as flowcharts, sequence diagrams and Gantt charts, by <a href="https://mermaid.js.org/" class="external">Mermaid.js</a>. Please refer to the <a href="https://mermaid.js.org/intro/syntax-reference.html" class="external">Mermaid syntax reference</a> for the available diagrams and their syntax.</p>

  		




  
  359
  
    

  		




  
  360
  
    
    <p>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.</p>

  		




  
  361
  
    

  		




  
  362
  
    
    <p>You can draw a diagram at any place that supports wiki formatting using this syntax:</p>

  		




  
  363
  
    

  		




  
  364
  
    
<pre>

  		




  
  365
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  366
  
    
  Place your diagram definition here.

  		




  
  367
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  368
  
    
</pre>

  		




  
  369
  
    

  		




  
  370
  
    
    <p>Example:</p>

  		




  
  371
  
    

  		




  
  372
  
    
<pre>

  		




  
  373
  
    
&lt;pre&gt;&lt;code class="mermaid"&gt;

  		




  
  374
  
    
flowchart LR

  		




  
  375
  
    
  A[New issue] --&gt; B{Reproducible?}

  		




  
  376
  
    
  B --&gt;|Yes| C[Fix]

  		




  
  377
  
    
  B --&gt;|No| D[Close]

  		




  
  378
  
    
&lt;/code&gt;&lt;/pre&gt;

  		




  
  379
  
    
</pre>

  		




  
  380
  
    

  		




  
  381
  
    
    <p>yields</p>

  		




  
  382
  
    

  		




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

  		




  
  384
  
    

  		




  
  385
  
    
    <p>A rendered diagram can be downloaded as a PNG image.</p>

  		




  354
  386
  
    
</body>

  		




  355
  387
  
    
</html>

  		












  

    
      app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb
    
  





  32
  32
  
    
</code></pre>

  		




  33
  33
  
    
</td></tr>

  		




  
  34
  
    
<tr><th colspan="3">Mermaid diagrams <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "15") %>" target="_blank">more</a>)</span></th></tr>

  		




  
  35
  
    
<tr><th></th><td>&lt;pre&gt;&lt;code class="mermaid"&gt;<br />flowchart LR<br />&nbsp;&nbsp;A[Start] --&gt; B[End]<br />&lt;/code&gt;&lt;/pre&gt;</td><td><%= image_tag("help/mermaid_flowchart_simple.png", width: 360, alt: "Flowchart from Start to End") %></td></tr>

  		




  
  36
  
    

  		




  34
  37
  
    
<tr><th colspan="3">列表</th></tr>

  		




  35
  38
  
    
<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "不排序列表" }) %></th><td>* 列表项 1<br />** Sub<br />* 列表项 2</td><td><ul><li>列表项 1<ul><li>子项</li></ul></li><li>列表项 2</li></ul></td></tr>

  		




  36
  39
  
    
<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "排序列表" }) %></th><td># 列表项 1<br />## Sub<br /># 列表项 2</td><td><ol><li>列表项 1<ol><li>子项</li></ol></li><li>列表项 2</li></ol></td></tr>

  		















  (2-2/2)