User Tools

Site Tools


howto:wrap

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
howto:wrap [2019/12/12 15:03] va7fihowto:wrap [2020/08/07 13:03] (current) – external edit 127.0.0.1
Line 1: Line 1:
 ====== Wrap Plugin Examples ====== ====== 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]] More info [[https://www.dokuwiki.org/plugin:wrap |here]]
Line 6: Line 9:
  
 <WRAP half column> <WRAP half column>
-''%%<WRAP half column>%%''+%%<WRAP half column>%% 
 + 
 +This is text in the left column.
 </WRAP> </WRAP>
  
 <WRAP half column> <WRAP half column>
-''%%<WRAP half column>%%''+%%<WRAP half column>%% 
 + 
 +This is text in the right column.
 </WRAP> </WRAP>
  
Line 17: Line 24:
  
 <WRAP rightalign> <WRAP rightalign>
-rightalign text+%%<WRAP rightalign>%% 
 + 
 +All this text is aligned to the right.
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-centeralign text+%%<WRAP centeralign>%% 
 + 
 +All this text is aligned in the centre.
 </WRAP> </WRAP>
- 
  
 <WRAP leftalign> <WRAP leftalign>
-leftalign text+%%<WRAP leftalign>%% 
 + 
 +This text is aligned to the left as per usual.
 </WRAP> </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>
 +
 +===== Boxes =====
 +
 +<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>
howto/wrap.1576191823.txt.gz · Last modified: 2019/12/12 15:03 by va7fi