Wrap Plugin

—- plugin —- description: Universal plugin which combines functionalities of many other plugins. Wrap wiki text inside containers (divs or spans) and give them a class (choose from a variety of preset classes), a width and/or a language with its associated text direction.


The plugin comes with an example page, which should explain a lot and looks like this in the default template:


Basic Syntax:

<WRAP classes width :language>

"big" content

An uppercase <WRAP> creates a div and should be used for „big“ containers, surrounding paragraphs, lists, tables, etc.

<wrap classes width :language>"small" content</wrap>

A lowercase <wrap> creates a span and should be used for „small“ containers, inside paragraphs, lists, tables, etc.

:!: Please note, some things won't work with lowercase <wrap>s: alignments (including alignments generated by changing the text direction) and widths if the according wrap isn't floated as well.


The following classes are currently available:

class namedescription/notes
columns – similar to columns, side_note, styler, tip
column same as left in LTR languages and same as right in RTL languages
left same as column, will let you float your container on the left
right will let the container float right
center will position the container in the horizontal center of the page
alignments – similar to divalign, columns, styler:!: don't work with spans, i.e. lowercase <wrap>s!
leftalign aligns text on the left
rightalign aligns text on the right
centeralign centers the text
justify justifies the text
boxes and notes – similar to box, note, tip
box creates a box around the container (uses colours from style.ini)
info (was information in first version) creates a blue box with an info icon
important creates an orange box with an important icon
warning creates a red box with a warning icon
tip creates a yellow box with a tip icon
help creates a violet box with a help icon
todo creates a cyan box with an todo icon
download creates a green box with a download icon
round adds rounded corners to any container with a background colour or a border (only works in modern browsers, i.e. no IE)
marks – similar to hilited, emphasis, important_paragraf, important_text
hi marks text as highlighted
lo marks text as less significant
em marks text as especially emphasised
typography (not recommended) – similar to typography, styler, color, fontcolor, highlight, fontsize, fontsize2, fontfamily
sansserif, serif, monospace changes the font family
bigger, muchbigger, smaller changes the font size
fgred, fggreen, fgblue, fgcyan, fgviolet, fgyellow, fggrey, fgwhite, fgblack changes the font colour
bgred, bggreen, bgblue, bgcyan, bgviolet, bgyellow, bggrey, bgwhite, bgblack changes the background colour
clear similar to clearfloat, should preferably be used with divs, i.e. uppercase <WRAP>s
hide hides the text per CSS (the text will still appear in the source code, in non-modern browsers and is searchable)
pagebreak forces a new page in printouts (not visible on the screen), similar to pagebreak
spoiler shows white text on a white background, only to be revealed by highlighting it; similar to hide
indent indents the text, could be used instead of tab
outdent „outdents“ the text, could partly be used instead of outdent

All tables inside a column or box will always be 100% wide. This makes positioning and sizing tables possible and partly replaces tablewidth.

Known restrictions

  • The PNG icons for the various notes have an alpha transparency which will look ugly in IE6.
  • Round corners only work in modern browsers (no IE).
  • After an opening <WRAP> there is one empty line needed before the content, or else there won't be any paragraph, which might lead to unexpected results. (Wraps without a visible content don't need any additional empty lines, e.g. clear or hide.)
  • Normal DokuWiki Headlines won't work inside any plugin syntax. As a work-around you can use the following two emulated headlines inside any of the columns or boxes/notes:
    • //**__Big Underlined Headline__**//
    • //**Small Headline**//

You probably need to adjust a few of the classes to your template's needs, especially hi, lo and em if you have a dark or otherwise heavily coloured theme.

The classes are easily adjustable and extensible. Any wishes are welcome.


You can set any valid widths on any uppercase <WRAP> container: %, px, em, ex, pt, pc, cm, mm, in. Just set the width before or after or with the classes, e.g.

<WRAP someclass 50% anotherclass>...

Languages and Text Directions

You can change the language and the direction of a container by simply adding a colon followed by the language code, like this:

<wrap :en>This text is explicitly marked as English.</wrap>

The text direction (rtl, right to left or ltr, left to right) will get inserted automatically and is solely dependent on the language. The list of currently supported languages is taken from:

If you like to mark a text with a different text direction than the default one, you should use divs, i.e. uppercase <WRAP>s. Otherwise the text alignment won't change as well.

This makes it a better replacement of ltr (and lang).

Cookies helfen bei der Bereitstellung von Inhalten. Durch die Nutzung dieser Seiten erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Rechner gespeichert werden. Weitere Information
intern/wrap.txt · Zuletzt geändert: 2012/03/04 11:59 (Externe Bearbeitung)