Preserve whitespace (indentation) inside paragraphs
We want original whitespace to be rendered in some cases (e.g. verse blocks). This requires information about the original whitespace to be preserved during paragraph parsing. As html ignores (collapses) whitespace by default we don't have to adapt the html writer and can just selectively enable rendering of the preseverved whitespace wherever we want it using css (white-space: pre). To differentiate meaningful whitespace from document structure based indentation (i.e. list item base indentation) we need to introduce document.baseLvl. A paragraph by itself does not have enough information to differentiate both kinds of whitespace and needs this information as context [0]. As we're already touching list indentation i went along and improved (fixed?) descriptive list item indentation rendering in the org writer (it should match emacs tab behavior - i.e. indent subsequent lines up to the `:: `). [0] e.g. list items can contain blank lines - a paragraph starting with a blank line would not know that it is part of a list item / has a base indentation - the blank line would suggest a baseLvl of 0.
This commit is contained in:
parent
466903d3ac
commit
b61e49eb85
8 changed files with 141 additions and 19 deletions
61
org/testdata/blocks.html
vendored
61
org/testdata/blocks.html
vendored
|
@ -87,12 +87,12 @@ paragraphs
|
|||
<p>
|
||||
…
|
||||
</p>
|
||||
<p>
|
||||
whitespace is honored and not removed (but is not displayed because that'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>
|
||||
<p>
|
||||
also whitespace is not significant
|
||||
and superfluous whitespace (at the beginning of the line) is removed
|
||||
</p>
|
||||
</blockquote>
|
||||
<script>
|
||||
console.log("Hello World!")
|
||||
|
@ -134,11 +134,58 @@ list item 2
|
|||
<p>
|
||||
#+END_EXAMPLE
|
||||
</p>
|
||||
<p>
|
||||
#+BEGIN_QUOTE
|
||||
</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 />
|
||||
---AlexSchroeder<br />
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
go-org rendering
|
||||
</p>
|
||||
<div class="src src-html">
|
||||
<div class="highlight">
|
||||
<pre>
|
||||
<style>
|
||||
.verse-block p { white-space: pre; }
|
||||
.verse-block p + p { margin: 0; }
|
||||
</style>
|
||||
</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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue