Le module Wrap est installé sur ce site. Il permet des mises en page sophistiquées. Une démo de ce module est disponible ici : http://demo.selfthinker.org/plugin:wrap

En majuscules <WRAP> crée un «div» et doit être utilisé pour des containers, entourant des paragraphes, listes, tables, etc.

<WRAP classes width :language>
Block multi-lignes
</WRAP>

En minuscule, <wrap> crée un span et doit être utilisé pour des contenants internes aux paragraphes, listes, tables, etc.

<wrap classes width :language>Quelques mots</wrap>

Dans ce cas on ne peut pas aligner le contenant ni définir sa taille ou créer des colonnes.

Pour créer une colonne utiliser la classe column et une largeur :

<WRAP column 30%>...content...</WRAP>

Après avoir utilisé des éléments flottants vous pouvez avoir ce genre d'affichage. L'élément suivant est affiché en partie sur l'espace de la page non utilisé par les éléments précédents.

… Pour éviter cela il vous faut rétablir le flux

<WRAP clear></WRAP>

après le dernier élément flottant.

Attention: L'utilisation d'une largeur peut s'afficher différement suivant les navigateurs. Il est prudent de prévoir une marge et de ne pas utiliser les 100% de la page mais par exemple 30% par colonne si l'on a 3 colonnes.

La syntaxe est similaire :

<WRAP Type left 18%>Texte</WRAP>

où Type vaut l'une des valeurs suivantes.

On a utilisé la mention round pour les deux dernières.

Le texte précédent utilise la mention tip dans un élément wrap minuscule. Voici un récapitulatif des styles présentés en ligne:
info, help, alert, important, tip, download, todo et box, danger, warning, caution, notice, safety.

On peut surligner le texte, le minimiser ou encore le mettre en avant.

Voici le code correspondant à cette phrase :

On peut <wrap hi>surligner le texte</wrap>, <wrap lo>le minimiser</wrap> ou encore <wrap em> le mettre en avant</wrap>.

La présentation du texte dépend de la personalisation du thème.

Ce texte est décalé vers l'intérieur de la page.

<wrap indent>Ce texte est décalé vers l'intérieur de la page.</wrap>

Ce texte est décalé vers l'extérieur de la page.

<wrap outdent>Ce texte est décalé vers l'extérieur de la page.</wrap>

A l'intérieur de ce bloc de 250 pixels de large, le texte de code passe automatiquement à la ligne quand la largeur est atteinte. 

<WRAP prewrap 250px>
<code>
A l'intérieur de ce bloc de 250 pixels de large, le texte de code passe automatiquement à la ligne quand la largeur est atteinte. 
</code>
</WRAP>

Voici un bloc de texte caché : Après la pluie vient le beau temps. (et vice versa)

Voici un bloc de texte caché : <wrap spoiler>Après la pluie vient le beau temps. (et vice versa)</wrap>

Sélectionnez la boite pour faire apparaitre le texte.

Le texte suivant est caché Merci de relire cette page.

Le texte suivant est caché <wrap hide>Merci de relire cette page.</wrap>

Attention avec les anciens navigateurs le texte apparait et l'on peut faire une recherche. Ne pas utiliser pour stocker des informations confidentielles.

Il est possible d'insérer des sauts de page ou au contraire de les éviter. Ces éléments n'ont aucun effet sur l'affichage mais sont uniquement utile pour les impressions.

<WRAP pagebreak></WRAP>

<WRAP nopagebreak>Contenu à imprimer sur une même page (table par exemple)</WRAP>

Ce texte apparait à l'écran mais ne sera pas imprimé.

<wrap noprint>Ce texte apparait à l'écran mais ne sera pas imprimé.</wrap>

Ce texte n'apparait pas à l'écran mais sera imprimé.

<wrap onlyprint>Ce texte n'apparait pas à l'écran mais sera imprimé.</wrap>

Il est possible de combiner tous les types de bloc comme le montre cet exemple :

<WRAP 165px left leftalign>
Boite de 165px incluse à gauche, texte aligné à gauche.\\
<wrap em hi>Inclue un texte surligné</wrap>.
</WRAP>

Suite du texte après la boîte incluse.\\
<wrap info>Il est aligné à droite, et placé dans l'espace resté disponible </wrap>

<WRAP clear></WRAP>

<WRAP round tip>
Astuce, le flux est rétabli par un **clear**.\\
<wrap info>Le texte reste aligné à droite.</wrap>
</WRAP>

</WRAP>

Il est possible d'ajouter des styles de bloc en utilisant les feuilles de style personnalisées.

Il suffit d'associer au nom de classe choisi (obligatoirement en minuscules) le préfixe wrap_

Définition d'une classe note.

classe.css

.dokuwiki div.wrap_note{ /* added */
    background-color: #eee;
    color: #000;
    padding: .5em .5em .5em .5em;
    margin-bottom: 1em;
    overflow: hidden;
}

utilisation.txt

<WRAP note>Voici ma note</WRAP>

Attention ces styles personnalisés ne sont pas rendus correctement en PDF

Consultez aussi les styles utiles créés par les utilisateurs de ce module.