Differences

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

--- howto:wrap [2019/12/12 15:06] – [Alignment] 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 6: / Line 9: @@
 <WRAP half column>
-''%%<WRAP half column>%%''
+%%<WRAP half column>%%
+This is text in the left column.
 </WRAP>
 <WRAP half column>
-''%%<WRAP half column>%%''
+%%<WRAP half column>%%
+This is text in the right column.
 </WRAP>
@@ Line 17: / Line 24: @@
 <WRAP rightalign>
-''%%<WRAP rightalign>%%''
+%%<WRAP rightalign>%%
+All this text is aligned to the right.
 </WRAP>
 <WRAP centeralign>
-''%%<WRAP centeralign>%%''
+%%<WRAP centeralign>%%
+All this text is aligned in the centre.
 </WRAP>
 <WRAP leftalign>
-''%%<WRAP leftalign>%%''
+%%<WRAP leftalign>%%
+This text is aligned to the left as per usual.
 </WRAP>
 <WRAP justify>
-''%%<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 box blue>
-blue
+<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>