Guide de la mise en page

DokuWiki emploie un système de balises simples, afin de rendre l'interface d'édition aussi lisible que possible. Cette page reprend toute la syntaxe possible pour l'édition de pages. Il suffit de regarder la source de cette page en pressant le bouton « Éditer cette page », présent en haut et en bas. Si vous voulez procéder à des essais, utilisez le bac à sable. La mise en page de base est également accessible via les boutons de la barre d'édition.

Mise en forme basique

DokuWiki permet de mettre un texte en gras ou en italique, de le souligner ou d'utiliser une fonte à chasse fixe. Vous pouvez bien entendu combiner toutes ces balises.

DokuWiki permet de mettre un texte en **gras** ou en //italique//, de le __souligner__ ou d'utiliser une fonte ''à chasse fixe''.
Vous pouvez bien entendu **__//''combiner''//__** toutes ces balises.

Vous pouvez également mettre du texte en indice ou en exposant.

Vous pouvez également mettre du texte en <sub>indice</sub> ou en <sup>exposant</sup>.

… ou bien le

rayer

.

... ou bien le <del>rayer</del>.

Un nouveau paragraphe peut être créé en sautant une ligne. Si vous voulez forcer le retour à la ligne sans en sauter une, vous pouvez utiliser deux barres obliques inversées suivies d'une espace ou de la fin d'une ligne.

Voici un texte avec quelques retours à la ligne
Notez que les deux barres obliques inversées ne sont reconnues qu'à la fin d'une ligne
ou lorsqu'elles sont suivies
d'une espace. \\Voici ce qui se passe lorsque ce n'est pas le cas.

Voici un texte avec quelques retours à la ligne\\ Notez que les
deux barres obliques inversées ne sont reconnues qu'à la fin d'une ligne\\
ou lorsqu'elles sont suivies\\ d'une espace. \\Voici ce qui se passe lorsque ce n'est pas le cas.

N'utilisez le retour forcé à la ligne que lorsque c'est vraiment nécessaire.

Liens

DokuWiki permet de créer des liens de multiples façons.

Externes

Les liens externes sont reconnus automagiquement : http://www.google.com ou simplement www.google.com — vous pouvez aussi définir un texte pour le lien : Ce lien pointe vers Google. Les adresses de courriel comme celle-ci : andi@splitbrain.org sont également reconnues.

DokuWiki permet de créer des liens de multiples façons. Les lienx externes sont reconnus
automagiquement : http://www.google.com ou simplement www.google.com — vous pouvez aussi
définir un texte pour le lien : [[http://www.google.com|Ce lien pointe vers Google]]. Les
adresses de courriel comme celle-ci : <andi@splitbrain.org> sont également reconnues.

Internes

Pour créer des liens internes, il faut utiliser des crochets. Vous pouvez vous contenter de donner un nom de page, ou bien employer un texte pour le lien.

Pour créer des liens internes, il faut utiliser des crochets. Vous pouvez vous contenter de donner
un [[nom de page]], ou bien employer un [[nom de page|texte pour le lien]].

Les noms de pages sont automatiquement convertis en minuscules, et les caractères spéciaux ne sont pas autorisés.

Vous pouvez utiliser espaces de noms en utilisant un deux-points dans le nom de la page.

Vous pouvez utiliser [[des:espaces de noms]] en utilisant un deux-points dans le nom de la page.

Pour plus de précisions concernant les espaces de noms, voir namespaces.

Lier vers une section spécifique est également possible : il suffit d'ajouter le nom de section derrière un croisillon. Cela permet de faire un lien vers cette section-ci.

Cela permet de faire un lien vers [[syntax-fr#internes|cette section-ci]].

Notes :

  • Les liens vers des pages existantes sont différents en apparence des liens vers des pages inexistantes.
  • Lorsque le titre d'une section est modifié, les liens y menant doivent être corrigés pour continuer à y lier. Cette technique est donc à utiliser avec précautions.

Interwikis

Dokuwiki permet les interwikis, des liens rapides vers d'autres wikis. Par exemple, voici un lien vers l'article de Wikipédia sur les Wikis : Wiki.

Dokuwiki permet les [[doku>Interwiki|interwikis]], des liens rapides vers d'autres wikis.
Par exemple, voici un lien vers l'article de Wikipédia sur les Wikis : [[wp>Wiki]].

Sur image

Vous pouvez également utiliser une image pour faire un lien interne ou externe, en combinant la syntaxe des liens et des images (voir plus bas) comme ceci :

[[http://www.php.net|{{wiki:dokuwiki-128.png}}]]

Notez qu'il s'agit de la seule syntaxe acceptée dans les noms de liens.

Notes

Vous pouvez insérer des notes de bas de page1) en utilisant des doubles parenthèses.

Vous pouvez insérer des notes de bas de page((Voici une note de bas de page.)) en utilisant des doubles parenthèses.

Titres

Vous pouvez employer jusqu'à cinq niveaux de titres pour structurer le contenu d'une page. Lorsqu'une page contient plus de trois titres, une table des matières est générée automatiquement ; vous pouvez la désactiver en insérant la mention ~~NOTOC~~ dans la page.

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5
==== Titre de niveau 3 ====
=== Titre de niveau 4 ===
== Titre de niveau 5 ==

Vous pouvez tracer une ligne horizontale en alignant quatre tirets :


Images et autres fichiers

Vous pouvez inclure des images internes ou externes en utilisant des accolades. Vous pouvez également spécifier leur taille.

Taille réelle :

Taille spécifiée :

Largeur et hauteur spécifiées2):

Image externe redimensionnée :

Taille réelle :                          {{wiki:dokuwiki-128.png}}
Taille spécifiée :                       {{wiki:dokuwiki-128.png?50}}
Largeur et hauteur spécifiées:           {{wiki:dokuwiki-128.png?200x50}}
Image externe redimensionnée :           {{http://de3.php.net/images/php.gif?200x50}}

Insérer des espaces à gauche ou à droite vous permet de définir l'alignement horizontal de l'image.

{{ wiki:dokuwiki-128.png}}
{{wiki:dokuwiki-128.png }}
{{ wiki:dokuwiki-128.png }}

Vous pouvez également lui donner une légende (que la plupart des navigateurs rendront comme une infobulle).

Légende

{{ wiki:dokuwiki-128.png |Légende}}

Si vous spécifiez un nom de fichier (interne ou externe) qui n'est pas celui d'une image (gif, jpeg, png), il apparaîtra sous la forme d'un lien.

Pour lier une image à une autre page, voir plus haut.

Listes

Dokuwiki permet les listes ordonnées et non ordonnées. Pour créer un élément de liste, précédez votre texte de deux espaces et d'un * pour une liste non ordonnée et d'un - pour une liste ordonnée.

  • Voici une liste
  • Second élément
    • Vous pouvez avoir plusieurs niveaux
  • Un autre élément
  1. La même liste, mais ordonnée
  2. Un autre élément
    1. Il suffit d'utiliser l'identation pour les niveaux plus profonds
  3. Comme ça
  * Voici une liste
  * Second élément
    * Vous pouvez avoir plusieurs niveaux
  * Un autre élément

  - La même liste, mais ordonnée
  - Un autre élément
    - Il suffit d'utiliser l'identation pour les niveaux plus profonds
  - Comme ça

Smileys

DokuWiki convertit les smileys les plus courants en équivalents graphiques. Il est possible d'en ajouter d'autres dans le dossier smiley et de les configurer dans le fichier conf/smileys.conf. Voici les smileys inclus dans DokuWiki.

  • 8-) 8-)
  • 8-O 8-O
  • :-( :-(
  • :-) :-)
  • =) =)
  • :-/ :-/
  • :-\ :-\
  • :-? :-?
  • :-D :-D
  • :-P :-P
  • :-O :-O
  • :-X :-X
  • :-| :-|
  • ;-) ;-)
  • ^_^ ^_^
  • :?: :?:
  • :!: :!:
  • LOL LOL
  • FIXME FIXME
  • DELETEME DELETEME
  • :*: :*:
  • :star: :star:
  • :rblue: :rblue:
  • :rred: :rred:
  • :rblack: :rblack:
  • :rwhite: :rwhite:
  • :tinco: :tinco:
  • :parma: :parma:
  • :calma: :calma:
  • :quesse: :quesse:
  • :ando: :ando:
  • :umbar: :umbar:
  • :anga: :anga:
  • :ungwe: :ungwe:
  • :sule: :sule:
  • :formen: :formen:
  • :aha: :aha:
  • :hwesta: :hwesta:
  • :anto: :anto:
  • :ampa: :ampa:
  • :anca: :anca:
  • :unque: :unque:
  • :numen: :numen:
  • :malta: :malta:
  • :noldo: :noldo:
  • :nwalme: :nwalme:
  • :ore: :ore:
  • :vala: :vala:
  • :anna: :anna:
  • :vilya: :vilya:
  • :romen: :romen:
  • :arda: :arda:
  • :lambe: :lambe:
  • :alda: :alda:
  • :silme: :silme:
  • :silme_nuquerna: :silme_nuquerna:
  • :esse: :esse:
  • :esse_bis: :esse_bis:
  • :esse_nuquerna: :esse_nuquerna:
  • :esse_nuquerna_bis: :esse_nuquerna_bis:
  • :hyarmen: :hyarmen:
  • :hwesta_sindarinwa: :hwesta_sindarinwa:
  • :yanta: :yanta:
  • :ure: :ure:
  • :halla: :halla:
  • :vaia: :vaia:
  • :telco: :telco:
  • :ara: :ara:
  • :tengwa0: :tengwa0:
  • :tengwa1: :tengwa1:
  • :tengwa2: :tengwa2:
  • :tengwa3: :tengwa3:
  • :tengwa4: :tengwa4:
  • :tengwa5: :tengwa5:
  • :tengwa6: :tengwa6:
  • :tengwa7: :tengwa7:
  • :tengwa8: :tengwa8:
  • :tengwa9: :tengwa9:
  • :tengwa10: :tengwa10:
  • :tengwa11: :tengwa11:
  • :tengwa12: :tengwa12:

Typographie

DokuWiki peut convertir des caractères simples en leurs équivalents typographiques corrects. Voici quelques exemples.

→ ← ↔ ⇒ ⇐ ⇔ » « – — 640×480 © ™ ® “He thought 'It's a man's world'…”

-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r)
"He thought 'It's a man's world'..."

Citations

Parfois vous souhaitez marquer du texte afin de montrer que c'est une réponse ou un commentaire. Vous pouvez utiliser la syntaxe suivante :

Je pense que nous devrions le faire

> Non nous ne devrions pas

>> Eh bien, je pense que si

> Vraiment ?

>> Oui !

>>> Alors faisons-le !

Je pense que nous devrions le faire

Non nous ne devrions pas
Eh bien, je pense que si
Vraiment ?
Oui !
Alors faisons-le !

Tableaux

DokuWiki propose une syntaxe simple pour créer des tableaux.

Titre 1 Titre 2 Titre 3
Ligne 1 Col 1 Ligne 1 Col 2 Ligne 1 Col 3
Ligne 2 Col 1 colonnes fusionnées (notez la double barre verticale)
Ligne 3 Col 1 Ligne 2 Col 2 Ligne 2 Col 3

Les lignes de tableau doivent commencer et se terminer avec une barre verticale | pour des lignes normales ou avec un ^ pour les titres.

^ Titre 1         ^ Titre 2           ^ Titre 3                            ^
| Ligne 1 Col 1   | Ligne 1 Col 2     | Ligne 1 Col 3                      |
| Ligne 2 Col 1   | colonnes fusionnées (notez la double barre verticale) ||
| Ligne 3 Col 1   | Ligne 2 Col 2     | Ligne 2 Col 3                      |

Pour fusionner des cellules horizontalement, videz simplement complètement la cellule suivante comme il est montré ci-dessus. Assurez-vous d'avoir toujours le même nombre de séparateurs de cellules !

Les titres de tableau verticaux sont également possibles.

Titre 1 Titre 2
Titre 3 Ligne 1 Col 2 Ligne 1 Col 3
Titre 4 pas de fusion cette fois
Titre 5 Ligne 2 Col 2 Ligne 2 Col 3

Comme vous pouvez le constater, c'est le séparateur ('|' ou '^') précédant une cellule qui détermine le format :

|              ^ Titre 1                  ^ Titre 2          ^
^ Titre 3      | Ligne 1 Col 2            | Ligne 1 Col 3    |
^ Titre 4      | pas de fusion cette fois |                  |
^ Titre 5      | Ligne 2 Col 2            | Ligne 2 Col 3    |

Vous pouvez fusionner des cellules verticalement en ajoutant ::: dans les cellules sous celles avec laquelle elles doivent fusionner. :!: Cette fonctionnalité n'est disponible que pour les versions supérieures à 2009-02-14b

Titre 1 Titre 2 Titre 3
Ligne 1 Col 1 Cette cellule s'étend
verticalement
Ligne 1 Col 3
Ligne 2 Col 1 Ligne 2 Col 3
Ligne 3 Col 1 Ligne 3 Col 3

Ces cellules ne doivent rien contenir d'autre que l'indicateur de fusion vertical.

^ Titre 1       ^ Titre 2                                  ^ Titre 3       ^
| Ligne 1 Col 1 |  Cette cellule s'étend\\ verticalement   | Ligne 1 Col 3 |
| Ligne 2 Col 1 | :::                                      | Ligne 2 Col 3 |
| Ligne 3 Col 1 | :::                                      | Ligne 3 Col 3 |

Vous pouvez également aligner les contenus du tableau (uniquement horizontalement). Ajoutez simplement au moins deux espaces à l'extrémité opposée de votre texte : ajoutez deux espaces sur la gauche pour aligner à droite, deux espaces sur la droite pour aligner à gauche et deux espaces au moins à chaque extrémité pour centrer le texte.

Tableau avec alignement
droite centré gauche
gauche droite centré
xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx

Voici à quoi ça ressemble dans le code source :

^          Tableau avec alignement         ^^^
|        droite|    centré    |gauche        |
|gauche        |        droite|    centré    |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |

Blocs non analysés

Vous pouvez inclure des blocs non analysés dans vos documents soit en les indentant avec au moins deux espaces (comme on peut le voir dans les exemples précédents) soit en utilisant les balises code ou file.

Ceci est du code préformaté, tous les espaces sont préservés : comme           <-ceci
Ceci est pratiquement la même chose, mais vous pouvez l'utiliser pour montrer que vous avez cité un fichier. 

Pour laisser l'analyseur ignorer complètement un bloc (comme ne pas faire lui appliquer de mise en forme), encadrez ce bloc soit avec des balises nowiki ou, encore plus simple, avec des caractères pourcent doubles %%.

<nowiki>
Voici du texte qui contient des adresses comme ceci : http://www.spiltbrain.org et de la **mise en forme**, mais rien ne se passe. 
</nowiki>

Voici du texte qui contient des adresses comme ceci : http://www.spiltbrain.org et de la **mise en forme**, mais rien ne se passe.

Consultez le code source de cette page pour voir comment utiliser ces blocs.

Coloration syntaxique

DokuWiki peut mettre en forme et en couleur du code source, ce qui facilite sa lecture. Il utilise le Generic Syntax Highlighter GeSHi – donc n'importe quel langage connu de GeSHi est accepté. La syntaxe est la même que dans le bloc de code de la section précédente, mais cette fois le nom du langage utilisé est inséré dans la balise. Par exemple : <code java>.

/** 
 * La classe HelloWorldApp implémente une application qui
 * affiche simplement "Hello World!" dans la sortie standard.
 */
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); //Affiche la chaîne.
    }
}

Les identificateurs de langage suivants sont actuellement reconnus : 4cs, abap, actionscript-french, actionscript, actionscript3, ada, apache, applescript, asm, asp, autoconf, autohotkey, autoit, avisynth, awk, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cfdg, cfm, chaiscript, cil, clojure, cmake, cobol, cpp, cpp-qt, csharp, css, cuesheet, d, dcs, delphi, diff, div, dos, dot, ecmascript, eiffel, email, erlang, fo, fortran, freebasic, fsharp, gambas, genero, genie, gdb, glsl, gml, gnuplot, groovy, gettext, gwbasic, haskell, hicest, hq9plus, html, icon, idl, ini, inno, intercal, io, j, java5, java, javascript, jquery, kixtart, klonec, klonecpp, latex, lisp, locobasic, logtalk, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, magiksf, make, mapbasic, matlab, mirc, modula2, modula3, mmix, mpasm, mxml, mysql, newlisp, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle8, oracle11, oxygene, oz, pascal, pcre, perl, perl6, per, pf, php-brief, php, pike, pic16, pixelbender, plsql, postgresql, povray, powerbuilder, powershell, progress, prolog, properties, providex, purebasic, python, q, qbasic, rails, rebol, reg, robots, rpmspec, rsplus, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, systemverilog, tcl, teraterm, text, thinbasic, tsql, typoscript, unicon, vala, vbnet, vb, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, winbatch, whois, xbasic, xml, xorg_conf, xpp, z80

Bloc de code téléchargeables

Quand vous utilisez les balises <code> ou <file>, vous pouvez rendre disponible en téléchargement le code affiché. Il faut alors préciser un nom de fichier juste après le code du langage.

monexemple.php
<?php echo "hello world!"; ?>
<file php monexemple.php>
<?php echo "hello world!"; ?>
</file>

Si vous ne voulez pas de coloration syntaxique, il suffit de fournir un tiret (-) en guise de code de langage:
<code - monfichier.toto>.

Agrégation de fils RSS/ATOM

DokuWiki peut agréger les données de fils XML externes. Pour l'analyse des fils XML, SimplePie est utilisé. Tous les formats connus de SimplePie peuvent aussi être utilisés dans DokuWiki. Vous pouvez modifier le comportement en ajoutant plusieurs paramètres séparés par des espaces :

Paramètre Description
tout nombre sera utilisé comme le nombre maximum d'éléments à montrer, 8 par défaut
reverse affiche les derniers éléments en premier dans le fil
author affiche le nom des auteurs des éléments
date affiche les dates des éléments
description affiche les descriptions des éléments. Si HTML est désactivé, toutes les étiquettes (tags) seront enlevées
n[dhm] durée de rafraîchissement, ou d=days (jours), h=heures, m=minutes. (Par exemple 12h = 12 heures).

La durée de rafraîchissement est par défaut de 4 heures. Toute valeur inférieure à 10 minutes sera traitée comme 10 minutes. DokuWiki essaiera en général de fournir une version de la page à partir du cache, évidemment, cela est inadapté quand la page a un contenu dynamique externe. Le paramètre dit à DokuWiki de ré-engendrer la page s'il y a plus que la durée de rafraîchissement depuis que la page a été engendrée pour la dernière fois.

Exemple :

{{rss>http://slashdot.org/index.rss 5 author date 1h }}

Inclure du code HTML ou PHP

Vous pouvez inclure du code HTML ou PHP pur dans vos documents en utilisant les balises html ou php comme ceci :

<html>
Ceci est du <font color="red" size="+1">HTML</font>
</html>

Ceci est du HTML

<php>
echo 'Un logo produit par PHP :';
echo '<img src="' . $_SERVER['PHP_SELF'] . '?=' . php_logo_guid() . '" alt="Logo PHP !" />';
</php>

Un logo produit par PHP :Logo PHP !

NB : L'inclusion de code HTML et PHP est désactivée dans la configuration par défaut. Dans ce cas, le code est affiché au lieu d'être exécuté.(cf administrer / Paramètres DocuWiki / Paramètres d'édition : HTML)

Macros

Certains mot-clef modifient la manière dont DokuWiki génère une page, sans rajouter aucun contenu. Les macros suivantes sont disponibles :

Macro Description
~~NOTOC~~ Si cette macro est présente dans une page, aucune table des matières ne sera générée.
~~NOCACHE~~ Par défaut, DokuWiki met en cache les pages qu'il génère. Parfois, ce n'est pas ce qui est voulu (par exemple quand la syntaxe <php> vue ci dessus est utilisée), ajouter cette macro va forcer DokuWiki à générer une page à chaque appel de celle ci.

Redirection de page (Redirect)

Pour rediriger une page vers une autre, ajoutez dans ladite page le code :

~~REDIRECT>:section:chemin_de_la_page:de_destination~~

Pour accéder et éditer la page redirigée ajouter « ?redirect=no » à la fin de son URL.

Par exemple :

http://www.tolkiendil.com/encyclo/geographie/reliefs/mordor/montagne_du_destin?redirect=no

Inclusion de page (Include)

Pour inclure une page dans une autre, utilisez le code suivant :

{{page>monchemin:mapage}}

Exemple :

{{page>asso:modeles:mag1}}

Donne :

Cet élément a été publié dans le magazine
L'Arc et le Heaume n°1 - Les Hobbits.

L'Arc et le Heaume n°1 - Les Hobbits

Lettrines

On peut mettre des lettrines en début de texte. Attention, la première lettre ne doit pas être accentuée.

Exemple :

{{Let>Aujourd'hui}} mon texte commence ainsi.

Aujourd'hui mon texte commence ainsi.

Arbres généalogiques (Diagram)

Guide pour la création d'arbres généalogiques : http://nikita.melnichenko.name/projects/dokuwiki-diagram/index.php?lang=en

AAA BBB
CCC


Daddy Mommy
Syster Me Brother

Tag

https://www.dokuwiki.org/plugin:tag

Permet de tagger des pages pour ensuite les lister par tag.

Pour tagger une page :

{{tag>[list of tags]}}

Pour lister les pages :

{{topic>[tag]&[flags]}}

Exemples :

  • {{topic>tag1 -tag2}} – Lists all pages tagged with tag1 but not with tag2.
  • {{topic>tag1 +tag2}} – Lists all pages tagged with tag1 and tag2.
  • {{topic>tag1 tag2}} – Lists all pages tagged with either tag1 or tag2 or both.
  • {{topic>ns1?tag1 tag2}} – List all pages inside namespace ns1 tagged with either tag1 or tag2
  • {{topic>.?tag1 tag2}} – List all pages inside the current namespace tagged with either tag1 or tag2
  • {{topic>tag1 tag2 tag3&nodate&desc&sort}} (Adding pagelist options to change the design)

Exemple sur Tolkiendil :

Indexmenu

Gallery

This Syntax Plugin allows you to embed an automatically created image gallery into a page.

https://www.dokuwiki.org/plugin:gallery

Exemple : Une galerie, centrée dans la page, des images de type *.jpg du répertoire “asso:animations:stand” sur 3 colonnes, triées par titre (dans le EXIF, sinon nom de fichier), avec des vignettes de maximum 240×180 qui s'afficheront en 800×600 maximum dans une lightbox, avec affichage du titre, et avec pagination au delà de 6 images.

{{gallery>:asso:animations:stand?*.jpg&3&240x180&800X600&titlesort&lightbox&showtitle&~6}}

Formatplus

Customisé pour Tolkiendil pour cause d'incompatibilité.

Documentations :

Inline:

Character formatting
samp /$$Sample$$/ Sample
dfn /@@Definition@@/ Definition
kbd /``Keyboard``/ Keyboard
var /??Variable??/ Variable
cite /&&citation&&/ citation
ins /+Insert+/ Insert
del /-Delete-/ Delete
sup /^Super^/script Superscript
sub /,Sub,/script Subscript
/!!Small-Caps!!/ Small-Caps
/!Inverse!/ Inverse
""=Abraham Lincoln|Four score and seven years ago...""

Four score and seven years ago…

There are three block formats:

Style Syntax HTML Tag
Block Insert <ins title =cite @date></ins> INS CLASS=block
Block Delete <del title =cite @date></del> DEL CLASS=block
Block Quote <quote cite></quote> BLOCKQUOTE CLASS=citation
<ins>Insert block</ins>

Insert block

<del>Delete block</del>

Delete block

<quote Abraham Lincoln>
That government of the people, by the people, for the people, shall not perish from the earth.
</quote>

That government of the people, by the people, for the people, shall not perish from the earth.

Alphaindex

https://www.dokuwiki.org/plugin:alphaindex

Syntax :

{{alphaindex>[namespace][#n][|nons]}}

Exemple à la page Acrostiches.

BBcode

http://wiki.splitbrain.org/plugin:bbcode

Permet d'utiliser les BBCode principaux.

Basic Formatting:

[b]bold text[/b]
[i]italic text[/i]
[u]underline[/u]
[s]deleted[/s]
[m]monospace[/m]

bold text italic text underline [s]deleted[/s] [m]monospace[/m]

Code and Quoting:

[code]<?php echo $text;
[quote="Esther"]DokuWiki is great![/quote]
<?php echo $text;

Esther:

DokuWiki is great!

Links and Images:

[url=http://www.kaffeehaus.ch]Esthers Kaffeehaus Blog[/url]
[email]esther@kaffeehaus.ch[/email]
[img]http://www.dokuwiki.org/lib/exe/fetch.php?w=&h=&cache=cache&media=wiki%3Adokuwiki-128.png[/img]

Esthers Kaffeehaus Blog esther@kaffeehaus.ch

The [url] parameter can be optionally quoted.

Lists:

attribute: 1, a, A, i or I

[list][*]item 1[*]item 2[*]item 3[/list]
[list=1][*]item 1[*]item 2[*]item 3[/list]
  • item 1
  • item 2
  • item 3
  1. item 1
  2. item 2
  3. item 3

Text size:

attribute: CSS units (px, em, %, …), single-digit, or keywords like small; can be optionally quoted

[size=90%]smaller text[/size]

smaller text

Text color:

attribute: color name, “browser-color” name, #fff[fff] or rgb(255,255,255); can be optionally quoted

[color=red]colored text[/color]             

colored text

Box

https://www.dokuwiki.org/plugin:box#

Syntax :

<box width classes colours | title text> contents text </box>

Exemple :

<box> the box contents </box>

<box 80% round orange|a title> the box contents</box>

<box 50% left blue>the box contents</box|a caption>

<box 60% round #f99 #fc9 #fcc #f60|title>the box contents</box|caption>

the box contents

a title

the box contents

the box contents

a caption

title

the box contents

caption

Color

Pour changer la couleur et ou le fond d'un texte il faut insérer le code hexadécimal de cette couleur (”#” suivi par des chiffres de 0 à 9 et des lettres de A à F).

Le code à incorporer est le suivant :

<color blue>Texte bleu</color>

Texte bleu

<color blue/lightgrey>Texte bleu sur fond gris clair</color>

Texte bleu sur fond gris clair

<color #0000FF>Texte en #0000FF</color>

Texte en #0000FF

<color #0000FF/#D3D3D3>Texte en #0000FF sur fond en #D3D3D3</color>

Texte en #0000FF sur fond en #D3D3D3

Couleurs communes à toutes les sections

Le texte normal est écrit en noir :

Texte#000000abcdefg

Il existe différentes nuances de gris pour l'arrière-plan :

white (#fff)#fffabcdefg
lightgray #f5f5f5abcdefg
mediumgray #cccabcdefg
mediumgray3) #d0a940abcdefg
darkgray #666abcdefg
black #000000abcdefg

Les liens manquants sont en rouge :

missing#F30000abcdefg
missing4)#4f4f4fabcdefg

Il existe un convention pour représenter les genres des personnages (notamment dans les arbres généalogiques) :

Femme#801613abcdefg
Homme#2b4988abcdefg

Les arrières-plan des différents types de notes sont les suivants :

Note #eeeeffabcdefg
Note importante#ffffccabcdefg
Note critique #ffddddabcdefg
Note tuyau #ddffddabcdefg

Accueil

Couleurs de la section
section #D0D0D0abcdefg
header #7D7D7Dabcdefg
th #D0D0D0abcdefg
border #000000abcdefg
background #CCCCCCabcdefg
background_alt#EEEEEEabcdefg
5 Nuances de gris
lighter#EEEEEEabcdefg
light #CCCCCCabcdefg
medium #868686abcdefg
dark #393939abcdefg
darker #000000abcdefg
Liens & Recherche
extern #000000abcdefg
existing #4f4f4fabcdefg
highlight#EAF900abcdefg

Forum

Couleurs du forum Membres
fond #ffde8babcdefgAdministrateurs#582862abcdefg
texte 1 #a05a00abcdefgModérateurs #13721fabcdefg
texte 2 #dd6900abcdefgAdhérents #cf2e2eabcdefg
texte Adh.#b60b0babcdefg
texte Mag.#006595abcdefg



Chaque section à une couleur particulière (“medium”) dont les nuances (“lighter”, “light”, “dark”, “darker”) permettent de différencier les différents objets de la section (arrière-plan plus clair, arrière-plan, titres, lien interne, lien externe). Une couleur différente permet de surligner les mots issus d'une recherche.

Section Asso

Couleurs de la section Nuances du violet Liens & Recherche
th #C0A6DBabcdefglighter#C0A6DBabcdefg
background#8C5CBCabcdefglight #8C5CBCabcdefg
section #633195abcdefgmedium #633195abcdefg
dark #422163abcdefgexisting #422163abcdefg
border #351456abcdefgdarker #351456abcdefgextern #351456abcdefg
highlight#FAD305abcdefg

Style

Couleurs de la section Nuances du ….. Liens & Recherche
th #CEC2E0abcdefglighter#CEC2E0abcdefg
background #4F3081abcdefglight #4F3081abcdefg
section #3e1f69abcdefgmedium #3e1f69abcdefg
dark #391D61abcdefgexisting #391D61abcdefg
border #2C164Babcdefgdarker #2C164Babcdefgextern #2C164Babcdefg
highlight#EAF900abcdefg

Section Tolkien

Couleurs de la section Nuances du rouge Liens & Recherche
th #E8BABAabcdefglighter#E8BABAabcdefg
background #DE7370abcdefglight #DE7370abcdefg
section #A61D1Aabcdefgmedium #A61D1Aabcdefg
dark #801613abcdefgexisting #801613abcdefg
border #5C100Eabcdefgdarker #5C100Eabcdefgextern #5C100Eabcdefg
highlight#FA0704abcdefg

Section Encyclo

Couleurs de la section Nuances du vert Liens & Recherche
th #ACD1A3abcdefglighter#ACD1A3abcdefg
background #89BE7Cabcdefglight #89BE7Cabcdefg
section #3E8C35abcdefgmedium #3E8C35abcdefg
dark #2E6927abcdefgexisting #2E6927abcdefg
border #204A1Cabcdefgdarker #204A1Cabcdefgextern #204A1Cabcdefg
highlight#29FB04abcdefg

Section Essais

Couleurs de la section Nuances du bleu foncé Liens & Recherche
th #BCCBEBabcdefglighter#BCCBEBabcdefg
background #7796D7abcdefglight #7796D7abcdefg
section #355BAAabcdefgmedium #355BAAabcdefg
dark #2B4988abcdefgexisting #2B4988abcdefg
border #1D315Aabcdefgdarker #1D315Aabcdefgextern #1D315Aabcdefg
highlight#6404FBabcdefg

Section Langues

Couleurs de la section Nuances du rose Liens & Recherche
th #E6BFD9abcdefglighter#E6BFD9abcdefg
background #CA7DB1abcdefglight #CA7DB1abcdefg
section #842063abcdefgmedium #842063abcdefg
dark #711C55abcdefgexisting #711C55abcdefg
border #52143Eabcdefgdarker #52143Eabcdefgextern #52143Eabcdefg
highlight#FD00B0abcdefg

Section Galerie

Couleurs de la section Nuances du marron Liens & Recherche
th #d0a940abcdefglighter#d0a940abcdefg
background #AF631Dabcdefglight #AF631Dabcdefg
section #8f5117abcdefgmedium #8f5117abcdefg
dark #6F3E11abcdefgexisting #6F3E11abcdefg
border #552F0Dabcdefgdarker #552F0Dabcdefgextern #552F0Dabcdefg
highlight#02E0F9abcdefg

Section Arts

Couleurs de la section Nuances du orange Liens & Recherche
th #FFCBAEabcdefglighter#FFCBAEabcdefg
background #E98661abcdefglight #E98661abcdefg
section #E26434abcdefgmedium #E26434abcdefg
dark #BB522Babcdefgexisting #BB522Babcdefg
border #9D4524abcdefgdarker #9D4524abcdefgextern #9D4524abcdefg
highlight#F96003abcdefg

Section Divertissements

Couleurs de la section Nuances du rouge foncé Liens & Recherche
th #CD878Aabcdefglighter#CD878Aabcdefg
background #B1494Fabcdefglight #B1494Fabcdefg
section #941C21abcdefgmedium #941C21abcdefg
dark #72161Babcdefgexisting #72161Babcdefg
border #521013abcdefgdarker #521013abcdefgextern #521013abcdefg
highlight#FD0153abcdefg

Ancienne section Humour

Autres nuances
section #880000abcdefg
dark #990000abcdefg

Ancienne section Jeux

Nuances du bleu-gris Liens & Recherche
lighter#AAC6D5abcdefg
light #5084A0abcdefg
medium #305c75abcdefg
dark #26495Babcdefgexisting #26495Babcdefg
darker #1F3C4Babcdefgextern #1F3C4Babcdefg
highlight#696989abcdefg
Autres nuances
lighter #E7E7EAabcdefg
header #A8ABB0abcdefg
existing#ABAAA9abcdefg
section #AAAAAAabcdefg
dark #7E7E80abcdefg

Section Téléchargements

Couleurs de la section Nuances du jaune foncé Liens & Recherche
th #E9CD9Eabcdefglighter#E9CD9Eabcdefg
background #BD7D10abcdefglight #BD7D10abcdefg
section #AB710Eabcdefgmedium #AB710Eabcdefg
dark #8B5B0Cabcdefgexisting #8B5B0Cabcdefg
border #6D480Aabcdefgdarker #6D480Aabcdefgextern #6D480Aabcdefg
highlight#FCA401abcdefg

Section Chat

Couleurs de la section Nuances du bleu Liens & Recherche
th #CCE1EEabcdefglighter#CCE1EEabcdefg
background #80B5D5abcdefglight #80B5D5abcdefg
section #2179ADabcdefgmedium #2179ADabcdefg
dark #005F97abcdefgexisting #005F97abcdefg
border #004B79abcdefgdarker #004B79abcdefgextern #004B79abcdefg
highlight#028CFBabcdefg

Easytimeline

Essai de génération de timeline par Guerdal. Fonctionnement inconnu.

Feed

FIXME

Graphviz

FIXME

Note

https://www.dokuwiki.org/plugin:note

Exemples :

<note>
This is my note ! Remember it!!
</note>
<note important>
Warning ! You're about to lose your mind ;-)
</note>
<note tip>
The clues are in the images.
</note>
<note warning>
Beware of the cat when you open the door !!
</note>
This is my note ! Remember it!!
Warning ! You're about to lose your mind ;-)
The clues are in the images.
Beware of the cat when you open the door !!

Orphanswanted

Find orphan pages and wanted pages .

syntax ~~ORPHANSWANTED:<choice>[!<excluded namespaces>]~~ .

<choice> :: orphans|wanted|valid|all .

<excluded namespaces> are optional, start each namespace with !

FIXME

Pagelist

Functions to list several pages in a nice looking table

Site web : http://www.wikidesign/en/plugin/pagelist/start

FIXME

Poll

Allows to create simple polls

http://wiki.splitbrain.org/plugin:poll

<poll Nom du sondage>
Question du sondage ?
  * Réponse 1
  * Réponse 2
</poll>
Nom du sondage
Question du sondage ?

Exemple sur Tolkiendil : Le Roi-Sorcier - Dino Perrone

Smallcaps

Exemple :

<smallcaps>Petites majuscules</smallcaps>

Petites majuscules

Styler

Documentation :

This plugin provide additional formatting of your texts:

  • <quote> - the expanded quotations;
  • <epigraph> - epigraphs;
  • <verse> - formatting of verses;
  • <style> - generic style blocks.

As you can specify attributes for each formatted block:

  • left - text align to left;
  • right - text align to right;
  • center - center text;
  • justify - justify text;
  • float-left - To create the floating block to the left of the text;
  • float-right - To create the floating block to the right of the text;
  • box - To draw a framework around of the block;
  • background - To fill in a background with solid color.
<style background-dorange>some text</style>

some text

<style background-lgreen box-dgreen>some text</style>

some text

Vignette

Insère une vignette correspondant à l'identifiant de l'article.

Page de gestion des vignettes

Choisir une vignette à ajouter dans l'onglet “Vignettes non liées” et cliquer sur “Ajouter”.
Dans le nouvel onglet :
Saisir le nom de l'auteur, le titre de la vignette.
Cliquer sur “Ajouter un article” en haut à gauche et saisir identifiant de l'article à ajouter.

Gestion des vignettes

Dans le code de la page de l'article ajouté, insérer :

{{Vignette}}

Les vignettes pour lesquelles l'article a été ajouté s'afficheront alternativement.

Voir l'exemple de Baie d'Or.

Uparrow

This simple plugin shows an arrow-image which links to the top of the current page

https://www.dokuwiki.org/plugin:uparrow

Exemple :

~~UP~~

UP

1) Voici une note de bas de page.
2) Si les proportions ne correspondent pas à celles de l'image, elle sera coupée suivant les proportions données avant d'être retaillée.
3) uniquement dans la section Galerie
4) uniquement dans la section Accueil
 
wiki/syntax-fr.txt · Dernière modification: 11/11/2015 12:07 par Zelphalya
Partager sur
Nous suivre sur
https://www.facebook.com/Tolkiendil https://www.twitter.com/TolkiendilFR https://plus.google.com/+Tolkiendil http://www.youtube.com/user/AssoTolkiendil
Tolkiendil - http://www.tolkiendil.com - Tous droits réservés © 1996-2017