PageRenderTime 28ms CodeModel.GetById 34ms RepoModel.GetById 1ms app.codeStats 0ms

/spec/html_code_syntax_highlight_examples/advanced-code-pygments.html

https://github.com/wallyqs/org-ruby
HTML | 131 lines | 125 code | 6 blank | 0 comment | 0 complexity | 1eb31577b2b6e95a81c7e9dd1c3cab78 MD5 | raw file
    

  1. <h1 class="title">advanced-code.org</h1>
    2. 

  2. <p>Turns out there&#8217;s more way to do code than just BEGIN_EXAMPLE.</p>
    3. 

  3. <h1><span class="heading-number heading-number-1">1</span> Inline examples</h1>
    4. 

  4. <p>This should work:</p>
    5. 

  5. <pre class="example">
    6. 

  6.   fixed width? how does this work?   
    7. 

  7.                         ...........
    8. 

  8.                        ............
    9. 

  9.                                   .
    10. 

  10.                        .  .   .   .
    11. 

  11.                        .          ..
    12. 

  12.                        ....... .....
    13. 

  13.                            .  .
    14. 

  14.                            ....
    15. 

  15. </pre>
    16. 

  16. <p>Two ASCII blobs.</p>
    17. 

  17. <h1><span class="heading-number heading-number-1">2</span> BEGIN_SRC</h1>
    18. 

  18. <p>And this:</p>
    19. 

  19. <div class="highlight"><pre><span></span><span class="c1"># Finds all emphasis matches in a string.</span>
    20. 

  20. <span class="c1"># Supply a block that will get the marker and body as parameters.</span>
    21. 

  21. <span class="k">def</span> <span class="nf">match_all</span><span class="p">(</span><span class="n">str</span><span class="p">)</span>
    22. 

  22.   <span class="n">str</span><span class="o">.</span><span class="n">scan</span><span class="p">(</span><span class="vi">@org_emphasis_regexp</span><span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">match</span><span class="o">|</span>
    23. 

  23.     <span class="k">yield</span> <span class="vg">$2</span><span class="p">,</span> <span class="vg">$3</span>
    24. 

  24.   <span class="k">end</span>
    25. 

  25. <span class="k">end</span>
    26. 

  26. </pre></div>
    27. 

  27. <p>Now let&#8217;s test case-insensitive code blocks.</p>
    28. 

  28. <div class="highlight"><pre><span></span><span class="c1"># Finds all emphasis matches in a string.</span>
    29. 

  29. <span class="c1"># Supply a block that will get the marker and body as parameters.</span>
    30. 

  30. <span class="k">def</span> <span class="nf">match_all</span><span class="p">(</span><span class="n">str</span><span class="p">)</span>
    31. 

  31.   <span class="n">str</span><span class="o">.</span><span class="n">scan</span><span class="p">(</span><span class="vi">@org_emphasis_regexp</span><span class="p">)</span> <span class="k">do</span> <span class="o">|</span><span class="n">match</span><span class="o">|</span>
    32. 

  32.     <span class="k">yield</span> <span class="vg">$2</span><span class="p">,</span> <span class="vg">$3</span>
    33. 

  33.   <span class="k">end</span>
    34. 

  34. <span class="k">end</span>
    35. 

  35. </pre></div>
    36. 

  36. <div class="highlight"><pre><span></span><span class="p">(</span><span class="k">def </span><span class="nv">fib-seq</span>
    37. 

  37.   <span class="p">(</span><span class="nf">concat</span>
    38. 

  38.    <span class="p">[</span><span class="mi">0</span> <span class="mi">1</span><span class="p">]</span>
    39. 

  39.    <span class="p">((</span><span class="k">fn </span><span class="nv">rfib</span> <span class="p">[</span><span class="nv">a</span> <span class="nv">b</span><span class="p">]</span>
    40. 

  40.         <span class="p">(</span><span class="nb">lazy-cons </span><span class="p">(</span><span class="nb">+ </span><span class="nv">a</span> <span class="nv">b</span><span class="p">)</span> <span class="p">(</span><span class="nf">rfib</span> <span class="nv">b</span> <span class="p">(</span><span class="nb">+ </span><span class="nv">a</span> <span class="nv">b</span><span class="p">))))</span> <span class="mi">0</span> <span class="mi">1</span><span class="p">)))</span>
    41. 

  41.  
    42. 

  42. <span class="nv">user&gt;</span> <span class="p">(</span><span class="nb">take </span><span class="mi">20</span> <span class="nv">fib-seq</span><span class="p">)</span>
    43. 

  43. <span class="p">(</span><span class="mi">0</span> <span class="mi">1</span> <span class="mi">1</span> <span class="mi">2</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">8</span> <span class="mi">13</span> <span class="mi">21</span> <span class="mi">34</span> <span class="mi">55</span> <span class="mi">89</span> <span class="mi">144</span> <span class="mi">233</span> <span class="mi">377</span> <span class="mi">610</span> <span class="mi">987</span> <span class="mi">1597</span> <span class="mi">2584</span> <span class="mi">4181</span><span class="p">)</span>
    44. 

  44. </pre></div>
    45. 

  45. <p>Even if no language is set, it is still wrapped in code tags but class is empty.</p>
    46. 

  46. <div class="highlight"><pre><span></span>echo &#39;Defaults env_keeps=&quot;http_proxy https_proxy ftp_proxy&quot;&#39; | sudo tee -a /etc/sudoers
    47. 

  47. </pre></div>
    48. 

  48. <h1><span class="heading-number heading-number-1">3</span> It should be possible to write a colon at the beginning of an example</h1>
    49. 

  49. <blockquote>
    50. 

  50.   <p>I really love to write about
    51. 

  51.     :symbols. They sure are the
    52. 

  52.     best things in the world!</p>
    53. 

  53. </blockquote>
    54. 

  54. <div class="highlight"><pre><span></span><span class="p">{</span>
    55. 

  55. <span class="ss">:one</span> <span class="o">=&gt;</span> <span class="mi">1</span><span class="p">,</span>
    56. 

  56. <span class="ss">:two</span> <span class="o">=&gt;</span> <span class="mi">2</span>
    57. 

  57. <span class="p">}</span>
    58. 

  58. </pre></div>
    59. 

  59. <div class="highlight"><pre><span></span><span class="p">(</span><span class="kd">defproject </span><span class="nv">helloworld</span> <span class="s">&quot;0.1&quot;</span>
    60. 

  60. <span class="ss">:dependencies</span> <span class="p">[[</span><span class="nv">org.clojure/clojure</span>
    61. 

  61.                  <span class="s">&quot;1.1.0-master-SNAPSHOT&quot;</span><span class="p">]</span>
    62. 

  62.               <span class="p">[</span><span class="nv">org.clojure/clojure-contrib</span>
    63. 

  63.                  <span class="s">&quot;1.0-SNAPSHOT&quot;</span><span class="p">]]</span>
    64. 

  64. <span class="ss">:main</span> <span class="nv">helloworld</span><span class="p">)</span>
    65. 

  65. </pre></div>
    66. 

  66. <h1><span class="heading-number heading-number-1">4</span> Code syntax highlight with Pygments</h1>
    67. 

  67. <h2><span class="heading-number heading-number-2">4.1</span> No language selected</h2>
    68. 

  68. <div class="highlight"><pre><span></span>&lt;script&gt;alert(&#39;hello world&#39;)&lt;/script&gt;
    69. 

  69. </pre></div>
    70. 

  70. <h2><span class="heading-number heading-number-2">4.2</span> CSS example</h2>
    71. 

  71. <div class="highlight"><pre><span></span><span class="o">*</span> <span class="p">{</span>
    72. 

  72.  <span class="c">/* apply a natural box layout model to all elements */</span>
    73. 

  73.  <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">border-box</span><span class="p">;</span> 
    74. 

  74.  <span class="kp">-moz-</span><span class="k">box-sizing</span><span class="p">:</span> <span class="kc">border-box</span><span class="p">;</span> 
    75. 

  75.  <span class="kp">-webkit-</span><span class="k">box-sizing</span><span class="p">:</span> <span class="kc">border-box</span><span class="p">;</span> 
    76. 

  76. <span class="p">}</span>
    77. 

  77. </pre></div>
    78. 

  78. <h2><span class="heading-number heading-number-2">4.3</span> HTML example</h2>
    79. 

  79. <div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
    80. 

  80.   <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
    81. 

  81.     <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Hello<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
    82. 

  82.   <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
    83. 

  83.   <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
    84. 

  84.     <span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span>Hello<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
    85. 

  85.   <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
    86. 

  86. <span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
    87. 

  87. </pre></div>
    88. 

  88. <h2><span class="heading-number heading-number-2">4.4</span> Ruby example</h2>
    89. 

  89. <div class="highlight"><pre><span></span><span class="k">class</span> <span class="nc">Post</span> <span class="o">&lt;&lt;</span> <span class="no">ActiveRecord</span><span class="o">::</span><span class="no">Base</span>
    90. 

  90.   <span class="k">def</span> <span class="nf">print_title</span>
    91. 

  91.     <span class="nb">puts</span> <span class="s2">&quot;</span><span class="si">#{</span><span class="nb">self</span><span class="o">.</span><span class="n">title</span><span class="si">}</span><span class="s2">&quot;</span>
    92. 

  92.   <span class="k">end</span>
    93. 

  93. <span class="k">end</span>
    94. 

  94. </pre></div>
    95. 

  95. <h2><span class="heading-number heading-number-2">4.5</span> Python example</h2>
    96. 

  96. <div class="highlight"><pre><span></span><span class="kn">import</span> <span class="nn">mapnik</span>
    97. 

  97. 

  98. <span class="n">m</span> <span class="o">=</span> <span class="n">mapnik</span><span class="o">.</span><span class="n">Map</span><span class="p">(</span><span class="mi">600</span><span class="p">,</span> <span class="mi">800</span><span class="p">)</span>
    99. 

  99. <span class="n">m</span><span class="o">.</span><span class="n">background</span> <span class="o">=</span> <span class="n">Map</span><span class="o">.</span><span class="n">Color</span><span class="p">(</span><span class="s1">&#39;steelblue&#39;</span><span class="p">)</span>
    100. 

  100. </pre></div>
    101. 

  101. <h2><span class="heading-number heading-number-2">4.6</span> Javascript example</h2>
    102. 

  102. <div class="highlight"><pre><span></span><span class="nx">exports</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
    103. 

  103. 

  104. <span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">){</span>
    105. 

  105. 

  106. <span class="kd">var</span> <span class="nx">Posts</span> <span class="o">=</span> <span class="p">{};</span>
    107. 

  107. 

  108. <span class="nx">Posts</span><span class="p">.</span><span class="nx">index</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span>
    109. 

  109. <span class="c1">// TODO</span>
    110. 

  110. <span class="p">};</span>
    111. 

  111. 

  112. <span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span>
    113. 

  113. </pre></div>
    114. 

  114. <h2><span class="heading-number heading-number-2">4.7</span> JSON example</h2>
    115. 

  115. <div class="highlight"><pre><span></span><span class="p">{</span> <span class="err">name:</span> <span class="nt">&quot;Waldemar&quot;</span>
    116. 

  116. <span class="p">,</span> <span class="err">surname:</span> <span class="nt">&quot;Quevedo&quot;</span>
    117. 

  117. <span class="p">}</span>
    118. 

  118. </pre></div>
    119. 

  119. <h2><span class="heading-number heading-number-2">4.8</span> PHP example</h2>
    120. 

  120. <div class="highlight"><pre><span></span><span class="x">echo &quot;Hello&quot;;</span>
    121. 

  121. <span class="x">phpinfo();</span>
    122. 

  122. <span class="x">var_dump(some_var);</span>
    123. 

  123. </pre></div>
    124. 

  124. <h2><span class="heading-number heading-number-2">4.9</span> Elisp example</h2>
    125. 

  125. <div class="highlight"><pre><span></span><span class="p">(</span><span class="nf">defun</span> <span class="nv">hello</span><span class="p">()</span>
    126. 

  126.   <span class="p">(</span><span class="nf">interactive</span><span class="p">)</span>
    127. 

  127.   <span class="p">(</span><span class="nf">message</span> <span class="s">&quot;hello&quot;</span><span class="p">))</span>
    128. 

  128. </pre></div>
    129. 

  129. <h2><span class="heading-number heading-number-2">4.10</span> Not supported language example</h2>
    130. 

  130. <div class="highlight"><pre><span></span>!+!+++!++!++!++!+
    131. 

  131. </pre></div>
    132. 

  132.