Circled numbers lists

Zendiwiki provides a custom wrap plugin snippet to facilitate number markers in images: The circled number list. The plugin replaces the simple numbers in a numbered list with circled numbers. This makes it easier to reference corresponding markers on an image.

Example:

  1. Wake up.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in massa id augue facilisis molestie sed in sapien. Morbi gravida, nulla sed rhoncus semper, nulla odio efficitur odio, ut aliquam metus nisl in diam. Aenean interdum bibendum varius. Sed vitae dolor quis mi hendrerit ullamcorper congue vel quam.
  2. Drink coffee.
  3. Get up
  4. Drink more coffee.
  5. Go to work.
  6. Drink another coffee.
  7. Take a break.
  8. Drink more coffee.
  9. Do some work.
  10. Drink another coffee.
  11. Take a nap.
  12. Drink a lot of coffee.
  13. Final work.
  14. Drink a small coffee.
  15. Finish the work from yesterday.
  16. Don't drink coffee.
  17. Boah.
  18. More coffee?
  19. Nooooooo!
  20. Go home.
Custom DokuWiki Syntax using <WRAP circled-numbers-list>:
<WRAP circled-numbers-list>
  - Wake up.
  - Drink coffee.
  - Get up
  - Drink more coffee.
  - Go to work.
  - Drink another coffee.
  - Take a break.
  - Drink more coffee.
  - Do some work.
  - Drink another coffee.
  - Take a nap.
  - Drink a lot of coffee.
  - Final work.
  - Drink a small coffee.
  - Finish the work from yesterday.
  - Don't drink coffee.
  - Boah.
  - More coffee?
  - Nooooooo!
  - Go home.
</WRAP>

Bordered text blocks inside the label section

With the wrap syntax described here, the caption area of an image is bordered by default. You can change two things about it:

  1. Add a border to individual text blocks within the label section with <WRAP border>.
  2. Hide the border around the entire label section with <WRAP no-border>.

Here is an example:

(Change the size of the browser window, especially towards portrait.)

This text is the caption of the image, realized with the DokuWiki caption plugin with its full functionality.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consequat mauris nunc congue nisi vitae suscipit tellus mauris.

Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Mi eget mauris pharetra et ultrices neque ornare. Tellus id interdum velit laoreet. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis. Lorem mollis aliquam ut porttitor. Proin nibh nisl condimentum id venenatis a condimentum vitae. Felis imperdiet proin fermentum leo. Semper quis lectus nulla at volutpat diam ut venenatis. Et ligula ullamcorper malesuada proin libero nunc consequat interdum. Vitae nunc sed velit dignissim sodales. Natoque penatibus et magnis dis parturient. Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Non enim praesent elementum facilisis leo vel. Adipiscing vitae proin sagittis nisl. Nisi scelerisque eu ultrices vitae auctor eu augue ut.

  • First item bullet list.
  • Second item bullet list.
  • Third item bullet list.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consequat mauris nunc congue nisi vitae suscipit tellus mauris.

Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur.

DokuWiki Syntax using <WRAP no-border> and <WRAP border>:
<WRAP labeled-image-large>

<figure>

{{waterfall-540.png}}

<caption>This text is the caption [...] </caption>

</figure>

<WRAP no-border>

<WRAP border>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
[...]
</WRAP>

<WRAP border>
facilisis leo vel. Adipiscing vitae proin sagittis nisl.
Nisi scelerisque eu ultrices vitae auctor eu augue ut.
</WRAP>

<WRAP border>
  * First item bullet list.
  * Second item bullet list.
  * Third item bullet list.
</WRAP>

<WRAP border>
Lorem ipsum dolor sit amet, [...]
</WRAP>

</WRAP>
</WRAP>