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.1KB

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 格式設定</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">字型樣式 <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</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">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</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">more</a>)</span></th></tr>
  33. <tr><th><%= image_tag("images/jstoolbar/bt_h1.png", { alt: "標題 1" }) %></th><td># 標題 1</td><td><h1>標題 1</h1></td></tr>
  34. <tr><th><%= image_tag("images/jstoolbar/bt_h2.png", { alt: "標題 2" }) %></th><td>## 標題 2</td><td><h2>標題 2</h2></td></tr>
  35. <tr><th><%= image_tag("images/jstoolbar/bt_h3.png", { alt: "標題 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">more</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">more</a>)</span></th></tr>
  40. <tr><th><%= image_tag("images/jstoolbar/bt_link.png", { alt: "連結至一個 Wiki 頁面" }) %></th><td>[[Wiki 頁面]]</td><td><a href="#">Wiki 頁面</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">more</a>)</span></th></tr>
  47. <tr><th><%= image_tag("images/jstoolbar/bt_img.png", { alt: "圖像" }) %></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">表格</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>