Differences

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

--- howto:wrap [2019/12/12 15:17] – [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 36: / Line 51: @@
 <WRAP half column>
-<WRAP box 40%>
+<WRAP box 80%>
-%%<WRAP box 40%>%%
+%%<WRAP box 80%>%%
 </WRAP>
-<WRAP round box 40%>
+<WRAP round box 80%>
-%%<WRAP round box 40%>%%
+%%<WRAP round box 80%>%%
 </WRAP>
-<WRAP round info box 40%>
+<WRAP round danger box 80%>
-%%<WRAP round info box 40%>%%
+%%<WRAP round danger box 80%>%%
 </WRAP>
-<WRAP round important box 40%>
+<WRAP round warning box 80%>
-%%<WRAP round important box 40%>%%
+%%<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>
@@ Line 55: / Line 86: @@
 <WRAP half column>
-<WRAP round alert box 40%>
+<WRAP round info box 80%>
-%%<WRAP round alert box 40%>%%
+%%<WRAP round info box 80%>%%
 </WRAP>
-<WRAP round tip box 40%>
+<WRAP round help box 80%>
-%%<WRAP round tip box 40%>%%
+%%<WRAP round help box 80%>%%
 </WRAP>
-<WRAP round todo box 40%>
+<WRAP round important box 80%>
-%%<WRAP round todo box 40%>%%
+%%<WRAP round important box 80%>%%
 </WRAP>
-<WRAP round download box 40%>
+<WRAP round alert box 80%>
-%%<WRAP round download box 40%>%%
+%%<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>