<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Форматирование Wiki</title>
<%= stylesheet_link_tag "wiki_syntax.css" %>
</head>
<body>

<h1>Синтаксис Wiki Краткая Справка</h1>

<table style="width:100%">
    <tr>
        <th colspan="3">Стили Шрифтов <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/bold.svg", { alt: "Выделенный" }) %></th>
        <td style="width:50%;">*Выделенный*</td>
        <td style="width:50%;"><strong>Выделенный</strong></td>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/italic.svg", { alt: "Наклонный" }) %></th>
        <td>_Наклонный_</td>
        <td><em>Наклонный</em></td>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/underline.svg", { alt: "Подчёркнутый" }) %></th>
        <td>+Подчёркнутый+</td>
        <td>
            <ins>Подчёркнутый</ins>
        </td>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Зачёркнутый" }) %></th>
        <td>-Зачёркнутый-</td>
        <td>
            <del>Зачёркнутый</del>
        </td>
    </tr>
    <tr>
        <th></th>
        <td>??Цитата??</td>
        <td><cite>Цитата</cite></td>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Вставка Кода" }) %></th>
        <td>@Вставка Кода@</td>
        <td><code>Вставка Кода</code></td>
    </tr>
    <tr>
        <th><span class="syntax-pre"/></th>
        <td>&lt;pre&gt;<br/>&nbsp;строки<br/>&nbsp;кода<br/>&lt;/pre&gt;</td>
        <td>
            <pre>
 строки
 кода
            </pre>
        </td>
    </tr>

<tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
<pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
  <span class="nb">puts</span> <span class="s1">'Hello'</span>
<span class="k">end</span>
</code></pre>
</td></tr>

<tr><th colspan="3">Списки</th></tr>
<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>
<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>
    <tr>
        <th colspan="3">Заголовки <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/h1.svg", { alt: "Заголовок 1" }) %></th>
        <td>h1. Название 1</td>
        <td><h1>Название 1</h1></td>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/h2.svg", { alt: "Заголовок 2" }) %></th>
        <td>h2. Название 2</td>
        <td><h2>Название 2</h2></td>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/h3.svg", { alt: "Заголовок 3" }) %></th>
        <td>h3. Название 3</td>
        <td><h3>Название 3</h3></td>
    </tr>
    <tr>
        <th colspan="3">Ссылки <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th>
    </tr>
    <tr>
        <th></th>
        <td>http://foo.bar</td>
        <td><a href="#">http://foo.bar</a></td>
    </tr>
    <tr>
        <th></th>
        <td>"Foo":http://foo.bar</td>
        <td><a href="#">Foo</a></td>
    </tr>
    <tr>
        <th colspan="3">Ссылки Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Ссылка на Wiki страницу" }) %></th>
        <td>[[Wiki страница]]</td>
        <td><a href="#">Wiki страница</a></td>
    </tr>
    <tr>
        <th></th>
        <td>Задача #12</td>
        <td>Задача <a href="#">#12</a></td>
    </tr>
<tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
    <tr>
        <th></th>
        <td>Фиксация r43</td>
        <td>Фиксация <a href="#">r43</a></td>
    </tr>
    <tr>
        <th></th>
        <td>commit:f30e13e43</td>
        <td><a href="#">f30e13e4</a></td>
    </tr>
    <tr>
        <th></th>
        <td>source:some/file</td>
        <td><a href="#">source:some/file</a></td>
    </tr>
    <tr>
        <th colspan="3">Вставка изображений <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th>
    </tr>
    <tr>
        <th><%= image_tag("jstoolbar/image.svg", { alt: "Изображение" }) %></th>
        <td>!<em>url_картинки</em>!</td>
        <td></td>
    </tr>
    <tr>
        <th></th>
        <td>!<em>вложенный_файл</em>!</td>
        <td></td>
    </tr>

<tr><th colspan="3">Tables</th></tr>
<tr>
  <th></th>
  <td>|_. A |_. B |_. C |<br />| A | B | C |<br />|/2. row span | B | C |<br />|\2. col span |</td>
  <td>
    <table class="sample">
      <tbody>
        <th>A</th><th>B</th><th>C</th>
        <tr><td>A</td><td>B</td><td>C</td></tr>
        <tr><td rowspan="2">row span</td><td>B</td><td>C</td></tr>
        <tr><td colspan="2">col span</td></tr>
      </tbody>
    </table>
  </td>
</tr>

</table>

<p><a href="<%= help_wiki_syntax_path(:detailed) %>" onclick="window.open('<%= help_wiki_syntax_path(:detailed) %>', '', ''); return false;">Больше информации</a></p>

</body>
</html>
