Differences

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

--- howto:wrap [2019/12/12 15:36] – [Misc] va7fi
+++ howto:wrap [2020/08/07 13:03] (current) – external edit 127.0.0.1
@@ 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 =====
+For embedded text, use ''wrap'' in lower case:
-|<wrap tip>Also works inline text </wrap>                         | %%<wrap tip>Also works inline text </wrap>%% |
+  * <wrap tip>%%<wrap tip>%%</wrap>
-|<wrap important>But notice that ''wrap'' is in lower case</wrap> | %%<wrap important>But notice that ''wrap'' is in lower case</wrap>%%|
+  * <wrap tip></wrap>
-|<wrap mark hi>highlighted text</wrap>                            | %%<wrap mark hi>highlighted text</wrap>%% |
+  * <wrap mark hi>%%<wrap mark hi>%%</wrap>
-|<wrap mark lo>lo</wrap>                                          | %%<wrap mark lo>lo text</wrap>%% |
+  * <wrap mark lo>%%<wrap mark lo>%%</wrap>
-|<wrap mark em>em text</wrap>                                     | %%<wrap mark em>em text</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>