User Tools

Site Tools


links:wrap

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
links:wrap [2026/10/20 18:57] – [Columns] va7filinks:wrap [2026/10/20 18:59] (current) – [Alignment] va7fi
Line 1: Line 1:
 +====== Wrap Plugin Examples ======
  
 +The Wrap plugin has some of its most commonly used wraps in the tool bar:
 +{{  wrap.png  }}
 +
 +More info [[https://www.dokuwiki.org/plugin:wrap |here]]
 +
 +===== Columns =====
 +<WRAP third column>
 +%%<WRAP third column>%%
 +
 +This is text in the left column.
 +</WRAP>
 +
 +<WRAP twothirds column>
 +%%<WRAP twothirds column>%%
 +
 +This is text in the right column.
 +</WRAP>
 + ----
 +
 +
 +<WRAP half column>
 +%%<WRAP half column>%%
 +
 +This is text in the left column.
 +</WRAP>
 +
 +<WRAP half column>
 +%%<WRAP half column>%%
 +
 +This is text in the right column.
 +</WRAP>
 +
 +----
 +
 +<WRAP twothirds column>
 +%%<WRAP twothirds column>%%
 +
 +This is text in the left column.
 +</WRAP>
 +
 +<WRAP third column>
 +%%<WRAP third column>%%
 +
 +This is text in the right column.
 +</WRAP>
 +
 +----
 +
 +===== Alignment =====
 +
 +<WRAP rightalign>
 +%%<WRAP rightalign>%%
 +
 +All this text is aligned to the right.
 +</WRAP>
 +
 +----
 +
 +<WRAP centeralign>
 +%%<WRAP centeralign>%%
 +
 +All this text is aligned in the centre.
 +</WRAP>
 +
 +----
 +
 +<WRAP leftalign>
 +%%<WRAP leftalign>%%
 +
 +This text is aligned to the left as per usual.
 +</WRAP>
 +
 +----
 +<WRAP justify>
 +%%<WRAP justify>%%
 +
 +This text is justified, which means that the lines are stretched so that they all end at the end.
 +</WRAP>
 +----
 +
 +===== Boxes =====
 +
 +<WRAP half column>
 +
 +<WRAP box 80%>
 +%%<WRAP box 80%>%%
 +</WRAP>
 +
 +<WRAP round box 80%>
 +%%<WRAP round box 80%>%%
 +</WRAP>
 +
 +<WRAP round danger box 80%>
 +%%<WRAP round danger box 80%>%%
 +</WRAP>
 +
 +<WRAP round warning box 80%>
 +%%<WRAP round warning box 80%>%%
 +</WRAP>
 +
 +<WRAP round caution box 80%>
 +%%<WRAP round caution box 80%>%%
 +</WRAP>
 +
 +<WRAP round notice box 80%>
 +%%<WRAP round notice box 80%>%%
 +</WRAP>
 +
 +<WRAP round safety box 80%>
 +%%<WRAP round safety box 80%>%%
 +</WRAP>
 +
 +<WRAP prewrap 80%>
 +%%<WRAP prewrap 80%>%% is not technically a box, but it acts like one.
 +</WRAP>
 +
 +</WRAP>
 +<WRAP half column>
 +
 +<WRAP round info box 80%>
 +%%<WRAP round info box 80%>%%
 +</WRAP>
 +
 +<WRAP round help box 80%>
 +%%<WRAP round help box 80%>%%
 +</WRAP>
 +
 +<WRAP round important box 80%>
 +%%<WRAP round important box 80%>%%
 +</WRAP>
 +
 +<WRAP round alert box 80%>
 +%%<WRAP round alert box 80%>%%
 +</WRAP>
 +
 +<WRAP round tip box 80%>
 +%%<WRAP round tip box 80%>%%
 +</WRAP>
 +
 +<WRAP round todo box 80%>
 +%%<WRAP round todo box 80%>%%
 +</WRAP>
 +
 +<WRAP round download box 80%>
 +%%<WRAP round download box 80%>%%
 +</WRAP>
 +
 +</WRAP>
 +
 +
 +Also note that the width can be set as: ''%, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in''
 +===== Misc =====
 +For embedded text, use ''wrap'' in lower case:
 +
 +  * <wrap tip>%%<wrap tip>%%</wrap>
 +  * <wrap tip></wrap>
 +  * <wrap mark hi>%%<wrap mark hi>%%</wrap>
 +  * <wrap mark lo>%%<wrap mark lo>%%</wrap>
 +  * <wrap mark em>%%<wrap mark em>%%</wrap>
 +  * <wrap spoiler>%%<wrap spoiler>%%</wrap>
 +  * <wrap indent>%%<wrap indent>%%</wrap>
 +  * <wrap outdent>%%<wrap outdent>%%</wrap>
 +  * <wrap button>%%<wrap button>[[link]]%%[[wrap]]</wrap>
 +
 +
 +===== Test =====
 +
 +<WRAP box 40%>
 +==== test ====
 +
 +%%<WRAP box 80%>%%
 +</WRAP>
 +
 +<WRAP 40%>
 +==== A Heading ====
 +
 +So here's a sample wrap containing what I hope to eventually be a nicely formatted, visually appealing bit of content. 
 +</WRAP>