[[.:a_propos|<< Retour à la page "A propos du Wiki".]]

~~NOCACHE~~
====== WRAP : de nouvelles mises en forme ======

Ce plugin  vient compenser des manques de dokuwiki et reprend les possibilités de nombreux autres plugins.

Il va notamment proposer des syntaxes équivalentes à DIV et SPAN avec des facilités de disposition et de mise en forme de leurs contenus.

===== On distinguera : WRAP et wrap =====

==== WRAP : équivalent d'un DIV de l'HTML====

<code><WRAP diversesoptions> contenu de la boite </WRAP></code>
Autres syntaxes possibles :
<code><block diversesoptions> contenu de la boite </block>
<div diversesoptions> contenu de la boite </div></code>

==== wrap : équivalent d'un SPAN de l'HTML ====

<code><wrap diversesoptions> contenu de la boite </wrap></code>
Autres syntaxes possibles :
<code><inline diversesoptions> contenu de la boite </inline>
<span diversesoptions> contenu de la boite </span></code>

===== Avec le bouton de la barre d'outils =====
Si votre texte est déjà écrit, en le sélectionnant, il y a la possibilité de cliquer sur le nouveau bouton de la barre d'outils :
{{http://wisn.noordover.org/lib/plugins/wrap/images/toolbar/picker.png}}, qui va vous permettre de sélectionner le style de boîte que vous voulez.

Autre possibilité :
  * placer le curseur à l'endroit où on souhaite voir apparaître la boîte, 
  * cliquer sur le bouton {{http://wisn.noordover.org/lib/plugins/wrap/images/toolbar/picker.png}} dans la barre d'outils, 
  * choisir le style de boîte, 
  * enfin saisir le texte.

===== Pour modifier l'alignement (par défaut à gauche) d'un texte =====

<code><WRAP centeralign>du texte centré</WRAP></code>
<WRAP centeralign>du texte centré</WRAP>
<code><WRAP rightalign>du texte aligné à droite</WRAP></code>
<WRAP rightalign>du texte aligné à droite</WRAP>
<code><WRAP justify>Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt.</WRAP></code>
<WRAP justify>Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt.</WRAP>
===== Pour faire des boîtes simples =====

Avec le code suivant :
<code><WRAP box>Une boîte occupant une ou plusieurs lignes au dessus</WRAP>
<WRAP box>Une autre boîte occupant une ou plusieurs lignes</WRAP>
Des boîtes intralignes : une première <wrap box>boîte intraligne</wrap>
et une deuxième <wrap box>boîte intraligne</wrap>.</code>
on obtient ceci :

<WRAP box>Une boîte occupant une ou plusieurs lignes au dessus</WRAP>
<WRAP box>Une autre boîte occupant une ou plusieurs lignes</WRAP>
Des boîtes intralignes : une première <wrap box>boîte intraligne</wrap>
et une deuxième <wrap box>boîte intraligne</wrap>.




===== Pour faire un titre dans une boîte =====

Pour ajouter un titre, le code suivant :
<code>
<WRAP box>
//**__Titre de la boîte__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>
</code>
va donner ceci :

<WRAP box>
//**__Titre de la boîte__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>


===== Des styles prédéfinis =====

=== Style : Todo ===
<code>
<WRAP todo>
//**__A faire__**//

  * truc
  * bidule

</WRAP>
</code>

<WRAP todo>
//**__A faire__**//

  * truc
  * bidule
</WRAP>



==== Style alert ====

<code>
<WRAP alert>
//**__A ne pas faire !__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
</code>

<WRAP alert>
//**__A ne pas faire !__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>



==== Style help ====

<code>
<WRAP help>
//**__Question__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
</code>

<WRAP help>
//**__Question__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>


==== Style important ====

<code>
<WRAP important>
//**__Important !__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
</code>

<WRAP important>
//**__Important !__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>

==== Style download ====

<code>
<WRAP download>
//**A télécharger**//
</WRAP>
</code>

<WRAP download>
//**A télécharger**//
</WRAP>


==== Style tip ====

<code>
<WRAP tip>
//**__Astuce__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
</code>

<WRAP tip>
//**__Astuce__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>

==== Style info ====

<code>
<WRAP info>
//**__Information__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
</code>

<WRAP info>
//**__Information__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>

==== D'autres styles : sans icône et de différentes couleurs ====

<WRAP danger third column>//**__Danger !__**//
... avec l'option **danger**.
</WRAP>
<WRAP warning third column>//**__Attention !__**//
... avec l'option **warning**.
</WRAP>
<WRAP caution third column>//**__Prudence !__**//
... avec l'option **caution**.
</WRAP>
<WRAP notice round third column>//**__Remarque__**//
... avec l'option **notice**.
</WRAP>
<WRAP safety third column>//**__Sécurité !__**//
... avec l'option **safety**.
</WRAP>


===== Ecrire en colonnes =====

==== Deux colonnes ===

<code>
<WRAP half column>
//**__Colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP half column>
//**__Colonne 2__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>
</code>

<WRAP half column>
//**__Colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP half column>
//**__Colonne 2__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>

<WRAP clear></WRAP>

==== Trois colonnes ===

<code>
<WRAP third column>
//**__Colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP third column>//**__Colonne 2__**//</WRAP>
<WRAP third column>
//**__Colonne 3__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>
</code>

<WRAP third column>
//**__Colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP third column>//**__Colonne 2__**//</WRAP>
<WRAP third column>
//**__Colonne 3__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>

<WRAP clear></WRAP>

==== Deux colonnes de largeurs différentes ===

<code>
<WRAP column 30%>
//**__Colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP column 60%>
//**__Colonne 2__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>
</code>

<WRAP column 30%>
//**__Colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP column 60%>
//**__Colonne 2__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.
</WRAP>

<WRAP clear></WRAP>

==== On peut cumuler les options ! ===

<code>
<WRAP round box column 50%>
//**__boîte/colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP round alert column 40%>
//**__boîte/colonne 2__**//
Has autem provincias, quas Orontes ambiens...
</WRAP>
</code>

<WRAP round box column 50%>
//**__boîte/colonne 1__**//
Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit. 
</WRAP>
<WRAP round alert column 40%>
//**__boîte/colonne 2__**//
Has autem provincias, quas Orontes ambiens...
</WRAP>

<WRAP clear></WRAP>

===== Créer une boite centrée de largeur x% =====

<code><WRAP box center 70%>Du texte dans une boite centrée de largeur 70%.</WRAP></code>
<WRAP box center 70%>Du texte dans une boite centrée de largeur 70%.</WRAP>

<code><WRAP box round center 50% centeralign>
Du texte centré dans une boite arrondie et centrée, de largeur 50%.
</WRAP></code>
<WRAP box round center 50% centeralign>
Du texte centré dans une boite arrondie et centrée, de largeur 50%.
</WRAP>

<code><WRAP warning box round center 50% centeralign>
... et on peut utiliser une des couleurs prédéfinies (option **warning** dans ce cas).
</WRAP></code>
<WRAP warning box round center 50% centeralign>
... et on peut utiliser une des couleurs prédéfinies (option **warning** dans ce cas).
</WRAP>



===== Créer des onglets =====

Avec le code suivant :
<code>
<WRAP tabs>
  * [[Lien 1]]
  * [[Lien 2|Deuxième lien]]
  * [[Lien 3]]
</WRAP>
</code>
on peut avoir des liens sous forme d'onglets.

<WRAP tabs>
  * [[Lien 1]]
  * [[Lien 2|Deuxième lien]]
  * [[Lien 3]]
</WRAP>

===== wrap spoiler / wrap hide =====

Avec le code suivant :
<code>
Du texte <wrap spoiler>que l'on peut révéler</wrap> en sélectionnant le texte

et du texte qui reste caché<wrap hide>!!!!!!!!!!!!!!!!!!!!!</wrap>.
</code>
on obtient ceci :

Du texte <wrap spoiler>que l'on peut révéler</wrap> en sélectionnant le texte

et du texte qui reste caché<wrap hide>!!!!!!!!!!!!!!!!!!!!!</wrap>.

===== wrap hi / wrap lo / wrap em =====

Avec le code suivant :
<code>
Du texte dont certains mots ont un style particulier,  <wrap hi>plus</wrap> ou <wrap lo>moins</wrap> <wrap em>visible</wrap>.
</code>
on obtient ceci :

Du texte dont certains mots ont un style particulier,  <wrap hi>plus</wrap> ou <wrap lo>moins</wrap> <wrap em>visible</wrap>.

===== wrap noprint / wrap onlyprint =====

Avec le code suivant :
<code>
<wrap noprint>Ce texte apparait à l'écran mais n'apparaitra pas à l'impression.</wrap>
<wrap onlyprint>Ce texte n'apparaitra qu'à l'impression.</wrap>
</code>
on obtient ceci :

<wrap noprint>Ce texte apparait à l'écran mais n'apparaitra pas à l'impression.</wrap>
<wrap onlyprint>Ce texte n'apparaitra qu'à l'impression.</wrap>


===== D'autres aides pour le plugin WRAP =====


  *http://www.dokuwiki.org/plugin:wrap 
  *http://pays-gallo.net/pub/wiki/exemple_wrap?DokuWiki=628ca80653f0b40b19e7146634fa1ec8
  *http://tollerporcorum.org.uk/doku.php?id=playground:wrap