go-org-orgwiki/org/testdata/blocks.html
Niklas Fasching a383eef7a6 html: Remove cosmetic whitespace inside p tags
All tags are put on a line by themselves to help with visual
diffing. Apparently this extra cosmetic whitespace causes problems inside p
tags for ppl who want to use `white-space: pre`. Not much hurt for visual
diffing in removing cosmetic whitespace for just p tags and can't think of
anything that would break because of this right now. So let's do it and wait
for things to break.
2020-06-26 18:55:15 +02:00

192 lines
3.7 KiB
HTML

<pre class="example">
some results without a block
</pre>
<figure>
<div class="src src-bash">
<div class="highlight">
<pre>
echo &#34;a bash source block&#34;
function hello {
echo Hello World!
}
hello
</pre>
</div>
</div>
<figcaption>
block caption
</figcaption>
</figure>
<div class="src src-text">
<div class="highlight">
<pre>
a source block without a language
</pre>
</div>
</div>
<div class="src src-bash">
<div class="highlight">
<pre>
echo a source block with results
</pre>
</div>
</div>
<pre class="example">
a source block with results
</pre>
<pre class="example">
a source block that only exports results
</pre>
<pre class="example">
an example block with
multiple lines including
empty lines!
it also has multiple parameters
src, example &amp; export blocks treat their content as raw text
/inline/ *markup* is ignored
and whitespace is honored and not removed
content of example blocks is still html escaped - see &lt;script&gt;alert(&#34;escaped&#34;)&lt;/script&gt;
</pre>
<pre class="example">
examples like this
are also supported
note that /inline/ *markup* ignored
</pre>
<blockquote>
<p>Mongodb is <strong>webscale</strong>. (source: <a href="http://www.mongodb-is-web-scale.com/">mongodb-is-web-scale</a>)</p>
<p>
blocks like the quote block parse their content and can contain</p>
<ul>
<li>
<p>lists</p>
</li>
<li>
<p>inline <em>markup</em></p>
</li>
<li>
<p>tables</p>
<table>
<tbody>
<tr>
<td>foo</td>
</tr>
<tr>
<td>bar</td>
</tr>
<tr>
<td>baz</td>
</tr>
</tbody>
</table>
</li>
<li>
<p>paragraphs</p>
</li>
<li>
<p></p>
<p>
whitespace is honored and not removed (but is not displayed because that&#39;s how html works by default)
it can be made visible using css (e.g. <code class="verbatim">white-space: pre</code>).</p>
</li>
</ul>
</blockquote>
<div class="src src-org">
<div class="highlight">
<pre>
#+BEGIN_SRC bash
echo src (with language org) and example blocks support escaping using commata
#+END_SRC
,* I am not a real headline - commata escape characters aren&#39;t renderered
</pre>
</div>
</div>
<pre class="example">
#+BEGIN_SRC bash
echo src (with language org) and example blocks support escaping using commata
#+END_SRC
,* I am not a real headline - commata escape characters aren&#39;t renderered
</pre>
<script>
console.log("Hello World!")
</script>
<ul>
<li>
<p>list item 1
blocks can contain unindented lines that would normally end a list item</p>
<pre class="example">
this line is not indented - if it was outside of a block the list item would end
</pre>
<blockquote>
<p>this line is not indented - if it was outside of a block the list item would end</p>
</blockquote>
<p>now we&#39;re outside the block again and the following unindented line will be outside of the list item</p>
</li>
</ul>
<p>this unindented line is outside of the list item</p>
<ul>
<li>
<p>list item 2</p>
<div class="src src-text">
<div class="highlight">
<pre>
#+BEGIN_EXAMPLE
</pre>
</div>
</div>
<p>#+END_EXAMPLE</p>
<blockquote>
<pre class="example">
#+END_QUOTE
</pre>
</blockquote>
</li>
<li>
<p>verse blocks</p>
<ul>
<li>
<p>emacs / ox-hugo rendering</p>
<p class="verse">
Great clouds overhead<br />
Tiny black birds rise and fall<br />
Snow covers Emacs<br />
<br />
&nbsp;&nbsp;&nbsp;---AlexSchroeder<br />
</p>
</li>
<li>
<p>go-org rendering</p>
<div class="src src-html">
<div class="highlight">
<pre>
&lt;style&gt;
.verse-block p { white-space: pre; }
.verse-block p + p { margin: 0; }
&lt;/style&gt;
</pre>
</div>
</div>
<style>
.verse-block p { white-space: pre; }
.verse-block p + p { margin: 0; }
</style>
<div class="verse-block">
<p>Great clouds overhead
Tiny black birds rise and fall
Snow covers Emacs</p>
<p>
—AlexSchroeder</p>
</div>
</li>
</ul>
</li>
</ul>