Differences

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

--- howto:wrap [2019/12/12 15:49] – [Misc] 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 62: / Line 77: @@
 <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 69: / Line 88: @@
 <WRAP round info box 80%>
 %%<WRAP round info box 80%>%%
+</WRAP>
+<WRAP round help box 80%>
+%%<WRAP round help box 80%>%%
 </WRAP>
@@ Line 93: / Line 116: @@
 </WRAP>
+Also note that the width can be set as: ''%, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in''
 ===== Misc =====
-Using ''wrap'' in lower case for embedded text:
+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>
@@ Line 102: / Line 128: @@
   * <wrap spoiler>%%<wrap spoiler>%%</wrap>
   * <wrap indent>%%<wrap indent>%%</wrap>
-  * <wrap outdent>%%<wrap> outdent>%%</wrap>
+  * <wrap outdent>%%<wrap outdent>%%</wrap>
+  * <wrap button>%%<wrap button>[[link]]%%[[wrap]]</wrap>
-<wrap prewrap> test </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>