21f1af7d48
org mode supports [1] setting the value attribute [2] of ordered list items to change the numbering for the current and following items. Let's do the same. As the attribute has no meaning for other types of lists [2] we'll just not support it for those cases [3]. [1] https://orgmode.org/manual/Plain-Lists.html#Plain-Lists [2] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li#attributes [3] Org mode seems to instead set the id attribute for e.g. unordered lists starting with `[@\d+]\s` - but I don't really see the value in that and will skip that for now.
208 lines
2.8 KiB
HTML
208 lines
2.8 KiB
HTML
<ul>
|
|
<li class="unchecked">
|
|
<p>unordered list item 1</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
list item with empty first and second line <br>
|
|
normally an empty line breaks the list item - but we make an exception for the first line and don't count it towards that limit</p>
|
|
</li>
|
|
<li>
|
|
<p>unordered list item 2 - with <code>inline</code> <em>markup</em></p>
|
|
<ol>
|
|
<li class="indeterminate">
|
|
<p>ordered sublist item 1</p>
|
|
<ol>
|
|
<li class="checked">
|
|
<p>ordered sublist item 1</p>
|
|
</li>
|
|
<li class="unchecked">
|
|
<p>ordered sublist item 2</p>
|
|
</li>
|
|
<li class="checked">
|
|
<p>ordered sublist item 3</p>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li>
|
|
<p>ordered sublist item 2</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
list item with empty first and second line - see above</p>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li class="checked">
|
|
<p>unordered list item 3 - and a <a href="https://example.com">link</a>
|
|
and some lines of text</p>
|
|
<ol>
|
|
<li>
|
|
<p>and another subitem</p>
|
|
<div class="src src-sh">
|
|
<div class="highlight">
|
|
<pre>
|
|
echo with a block
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<p>and another one with a table</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th class="align-right">a</th>
|
|
<th class="align-right">b</th>
|
|
<th class="align-right">c</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="align-right">1</td>
|
|
<td class="align-right">2</td>
|
|
<td class="align-right">3</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p>
|
|
and text with an empty line in between as well!</p>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
<li>
|
|
<p>unordered list item 4</p>
|
|
<pre class="example">
|
|
with an example
|
|
|
|
that spans multiple lines
|
|
</pre>
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
descriptive lists</p>
|
|
<dl>
|
|
<dt class="unchecked">
|
|
term
|
|
</dt>
|
|
<dd>
|
|
<p>details
|
|
continued details</p>
|
|
</dd>
|
|
<dt class="unchecked">
|
|
?
|
|
</dt>
|
|
<dd>
|
|
<p>details without a term</p>
|
|
</dd>
|
|
<dt class="checked">
|
|
term
|
|
</dt>
|
|
<dd>
|
|
<p>
|
|
details on a new line</p>
|
|
</dd>
|
|
<dt>
|
|
term
|
|
</dt>
|
|
<dd>
|
|
<p>
|
|
details on a new line (with an empty line in between)
|
|
<strong>continued</strong></p>
|
|
<div class="src src-bash">
|
|
<div class="highlight">
|
|
<pre>
|
|
echo "Hello World!"
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
<p>some list termination tests</p>
|
|
<ul>
|
|
<li>
|
|
<p>unordered 1</p>
|
|
</li>
|
|
<li>
|
|
<p>unordered 2</p>
|
|
</li>
|
|
</ul>
|
|
<ol>
|
|
<li>
|
|
<p>ordered 1</p>
|
|
</li>
|
|
<li>
|
|
<p>ordered 2</p>
|
|
</li>
|
|
</ol>
|
|
<ol>
|
|
<li>
|
|
<p>ordered 1</p>
|
|
</li>
|
|
<li>
|
|
<p>ordered 2</p>
|
|
</li>
|
|
</ol>
|
|
<ul>
|
|
<li>
|
|
<p>unordered 1</p>
|
|
</li>
|
|
<li>
|
|
<p>unordered 2</p>
|
|
</li>
|
|
</ul>
|
|
<ol>
|
|
<li>
|
|
<p>ordered 1</p>
|
|
</li>
|
|
<li>
|
|
<p>ordered 2</p>
|
|
</li>
|
|
</ol>
|
|
<dl>
|
|
<dt>
|
|
unordered descriptive
|
|
</dt>
|
|
<dd>
|
|
<p>1</p>
|
|
</dd>
|
|
<dt>
|
|
unordered descriptive
|
|
</dt>
|
|
<dd>
|
|
<p>2</p>
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>
|
|
ordered descriptive
|
|
</dt>
|
|
<dd>
|
|
<p>1</p>
|
|
</dd>
|
|
<dt>
|
|
ordered descriptive
|
|
</dt>
|
|
<dd>
|
|
<p>2</p>
|
|
</dd>
|
|
</dl>
|
|
<ul>
|
|
<li>
|
|
<p>unordered 1</p>
|
|
</li>
|
|
<li>
|
|
<p>unordered 2</p>
|
|
</li>
|
|
</ul>
|
|
<ol>
|
|
<li value="2">
|
|
<p>use `[@n]` to change the value of list items</p>
|
|
</li>
|
|
<li class="unchecked">
|
|
<p>foobar</p>
|
|
</li>
|
|
<li value="10" class="checked">
|
|
<p>that even works in combination with list statuses (`[ ]`)</p>
|
|
</li>
|
|
</ol>
|