Differences

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

--- howto:wrap [2019/12/12 15:21] – [Boxes] va7fi
+++ howto:wrap [2019/12/13 05:33] – [Misc] 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]]
@@ Line 7: / Line 10: @@
 <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>
@@ Line 18: / Line 25: @@
 <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>
@@ Line 43: / Line 58: @@
 %%<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>
@@ Line 51: / Line 97: @@
 %%<WRAP round important box 80%>%%
 </WRAP>
-</WRAP>
-<WRAP half column>
 <WRAP round alert box 80%>
@@ Line 73: / Line 116: @@
 </WRAP>
-|<wrap tip>Also works inline text </wrap>                         | %%<wrap tip>Also works inline text </wrap>%% |
-|<wrap important>But notice that ''wrap'' is in lower case</wrap> | %%<wrap important>But notice that ''wrap'' is in lower case</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>