You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

wiki_syntax_markdown.html.erb 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Wiki formatting</title>
  6. <%= stylesheet_link_tag "wiki_syntax.css" %>
  7. </head>
  8. <body>
  9. <h1>Wiki記法 クイックリファレンス (Markdown)</h1>
  10. <table style="width:100%">
  11. <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">詳細</a>)</span></th></tr>
  12. <tr><th><%= image_tag("images/jstoolbar/bt_strong.png", { alt: "太字" }) %></th><td style="width:50%;">**太字**</td><td style="width:50%;"><strong>太字</strong></td></tr>
  13. <tr><th><%= image_tag("images/jstoolbar/bt_em.png", { alt: "斜体" }) %></th><td>*斜体*</td><td><em>斜体</em></td></tr>
  14. <tr><th><%= image_tag("images/jstoolbar/bt_del.png", { alt: "取り消し線" }) %></th><td>~~取り消し線~~</td><td><del>取り消し線</del></td></tr>
  15. <tr><th><%= image_tag("images/jstoolbar/bt_code.png", { alt: "コード" }) %></th><td>`コード`</td><td><code>コード</code></td></tr>
  16. <tr><th><%= image_tag("images/jstoolbar/bt_pre.png", { alt: "整形済みテキスト" }) %></th><td>```<br />&nbsp;複数行の<br />&nbsp;コード<br />```</td><td>
  17. <pre>
  18. 複数行の
  19. コード
  20. </pre>
  21. </td></tr>
  22. <tr><th colspan="3">コードハイライト <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">詳細</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">対応言語</a>)</span></th></tr>
  23. <tr><th><%= image_tag("images/jstoolbar/bt_precode.png", { alt: "コードハイライト" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
  24. <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
  25. <span class="nb">puts</span> <span class="s1">'Hello'</span>
  26. <span class="k">end</span>
  27. </code></pre>
  28. </td></tr>
  29. <tr><th colspan="3">リスト</th></tr>
  30. <tr><th><%= image_tag("images/jstoolbar/bt_ul.png", { alt: "リスト" }) %></th><td>* 項目1<br />&nbsp;&nbsp;* 下位階層の項目<br />* 項目2</td><td><ul><li>項目1<ul><li>下位階層の項目</li></ul></li><li>項目2</li></ul></td></tr>
  31. <tr><th><%= image_tag("images/jstoolbar/bt_ol.png", { alt: "順序付きリスト" }) %></th><td>1. 項目1<br />&nbsp;&nbsp;&nbsp;1. 下位階層の項目<br />2. 項目2</td><td><ol><li>項目1<ol><li>下位階層の項目</li></ol></li><li>項目2</li></ol></td></tr>
  32. <tr><th colspan="3">見出し <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">詳細</a>)</span></th></tr>
  33. <tr><th><%= image_tag("images/jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># タイトル1</td><td><h1>タイトル1</h1></td></tr>
  34. <tr><th><%= image_tag("images/jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## タイトル2</td><td><h2>タイトル2</h2></td></tr>
  35. <tr><th><%= image_tag("images/jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### タイトル3</td><td><h3>タイトル3</h3></td></tr>
  36. <tr><th colspan="3">リンク <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">詳細</a>)</span></th></tr>
  37. <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
  38. <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
  39. <tr><th colspan="3">Redmine内のリンク <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">詳細</a>)</span></th></tr>
  40. <tr><th><%= image_tag("images/jstoolbar/bt_link.png", { alt: "Wikiページへのリンク" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
  41. <tr><th></th><td>チケット #12</td><td>チケット <a href="#">#12</a></td></tr>
  42. <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
  43. <tr><th></th><td>リビジョン r43</td><td>リビジョン <a href="#">r43</a></td></tr>
  44. <tr><th></th><td>commit:f30e13e43</td><td><a href="#">f30e13e4</a></td></tr>
  45. <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
  46. <tr><th colspan="3">画像 <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">詳細</a>)</span></th></tr>
  47. <tr><th><%= image_tag("images/jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>画像URL</em>)</td><td></td></tr>
  48. <tr><th></th><td>![](<em>添付ファイル名</em>)</td><td></td></tr>
  49. <tr><th colspan="3">Tables</th></tr>
  50. <tr>
  51. <th></th>
  52. <td>| A | B | C |<br />|---|---|---|<br />| A | B | C |<br />| D | E | F |</td>
  53. <td>
  54. <table class="sample">
  55. <tbody>
  56. <th>A</th><th>B</th><th>C</th>
  57. <tr><td>A</td><td>B</td><td>C</td></tr>
  58. <tr><td>D</td><td>E</td><td>F</td></tr>
  59. </tbody>
  60. </table>
  61. </td>
  62. </tr>
  63. </table>
  64. <p><a href="<%= help_wiki_syntax_path(:detailed) %>" onclick="window.open('<%= help_wiki_syntax_path(:detailed) %>', '', ''); return false;">より詳細なリファレンス</a></p>
  65. </body>
  66. </html>