Backtick Fenced Code Blocks.xhtml 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <pre><code>&lt;Fenced>
  2. </code></pre>
  3. <p>Code block starting and ending with empty lines:</p>
  4. <pre><code><br /><br />&lt;Fenced>
  5. </code></pre>
  6. <p>Indented code block containing fenced code block sample:</p>
  7. <pre><code>```
  8. &lt;Fenced>
  9. ```
  10. </code></pre>
  11. <p>Fenced code block with indented code block sample:</p>
  12. <pre><code>Some text
  13. Indented code block sample code
  14. </code></pre>
  15. <p>Fenced code block with long markers:</p>
  16. <pre><code>Fenced
  17. </code></pre>
  18. <p>Fenced code block with fenced code block markers of different length in it:</p>
  19. <pre><code>In code block
  20. ```
  21. Still in code block
  22. `````
  23. Still in code block
  24. </code></pre>
  25. <p>Fenced code block with Markdown header and horizontal rule:</p>
  26. <pre><code>#test
  27. ---
  28. </code></pre>
  29. <p>Fenced code block with link definitions, footnote definition and
  30. abbreviation definitions:</p>
  31. <pre><code>[example]: http://example.com/
  32. [^1]: Footnote def
  33. *[HTML]: HyperText Markup Language
  34. </code></pre>
  35. <ul>
  36. <li><p>In a list item with smalish indent:</p>
  37. <pre><code>#!/bin/sh
  38. #
  39. # Preload driver binary
  40. LD_PRELOAD=libusb-driver.so $0.bin $*
  41. </code></pre>
  42. </li>
  43. </ul>
  44. <p>With HTML content.</p>
  45. <pre><code>&lt;b>bold&lt;/b>
  46. </code></pre>
  47. <p>Bug with block level elements in this case:</p>
  48. <pre><code> &lt;div>
  49. &lt;/div>
  50. </code></pre>
  51. <p>Indented code block of a fenced code block:</p>
  52. <pre><code>```
  53. haha!
  54. ```
  55. </code></pre>
  56. <p>With class:</p>
  57. <pre><code class="html">&lt;b>bold&lt;/b>
  58. </code></pre>
  59. <pre><code class="html">&lt;b>bold&lt;/b>
  60. </code></pre>
  61. <pre><code class="html">&lt;b>bold&lt;/b>
  62. </code></pre>
  63. <pre><code class="html">&lt;b>bold&lt;/b>
  64. </code></pre>
  65. <p>With extra attribute block:</p>
  66. <pre><code class="html">&lt;b>bold&lt;/b>
  67. </code></pre>
  68. <pre><code class="html" id="codeid">&lt;b>bold&lt;/b>
  69. </code></pre>
  70. <pre><code class="html bold">&lt;div>
  71. </code></pre>
  72. <pre><code class="html" id="codeid">&lt;/div>
  73. </code></pre>