En grande partie inspiré de ceci
Destinataire : Tout ceux désirant rédiger pour le wiki
Lorsque vous éditez une page des boutons style gras italique etc sont présents Le plus simple est de presser le bouton Éditer cette page pour voir le code d'écriture et de mise en forme.
Exemple de base gras, italique, souligné ou encore monospaced mais comme dans tout vous pouvez combiner le tout.
Exemple de base **gras**, //italique//, __souligner__ ou encore ''monospaced'' mais comme dans tout vous pouvez **__//''combiner''//__** le tout.
Il y a aussi des exposants et des indices ou encore barré
Il y a aussi des <sup>exposants</sup> et des <sub>indices</sub> ou encore <del>barré</del>
Pour créer un paragraphe il suffit de laisser des lignes vides. Mais on peut tout aussi bien ajouter deux antislashs avec un espace ou sans espace à la fin d'une ligne. Exemple :
Blablabla
blablabla
blablabla\\blablabla \\blablabla
Blablabla\\ blablabla\\ blablabla\\blablabla \\blablabla
Les liens externes du style http://www.google.com ou simplement www.google.com sont reconnus immédiatement. Mais il est en général plus agréable de les écrire comme ceci : un lien vers Google. Les emails s'écrivent : toto@babare.com
Les liens externes du style http://www.google.com ou simplement www.google.com sont reconnus immédiatement. Mais il est en général plus agréable de les écrire comme ceci : [[http://www.google.com|un lien vers Google]]. Les emails s'écrivent : <toto@babare.com>
Les liens internes s'écrivent de cette manière :
[[pagename|Titre texte du lien]]
ou encore
[[pagename:section:subsection:subsubsection#ancre|Titre texte du lien]]
ancre est souvent un titre d'un paragraphe
Pour le nommage des page : wiki:namespaces
Notes :
Dokuwiki supporte les liens Interwiki. Ce sont des liens vers d'autres wiki. Par exemple les pages Wikipedia : Wiki.
Dokuwiki supporte les liens [[doku>wiki:interwiki|Interwiki]]. Ce sont des liens vers d'autres wiki. Par exemple les pages Wikipedia : [[wp>Wiki]].
Vous pouvez ajouter facilement des notes de bas de page en utilisant des parenthèses 1).
Vous pouvez ajouter facilement des notes de bas de page en utilisant des parenthèses ((Comme ceci)).
Vous pouvez définir différents niveaux de titres (jusqu'à 5) pour structurer le contenu. Avec plus de trois indications de niveau, une table des matières est automatiquement créée. Elle peut être annulée en ajoutant une chaîne de texte ~~NOTOC~~ dans le document! Exemple :
==== H3 ==== === H4 === == H5 ==
Vous pouvez créer un séparateur, c'est-à-dire une ligne horizontale, en ajoutant 4 tirets :
Différents réglages sont possibles : Taille réelle:
On change la largeur et la hauteur :
On change la taille d'image externe :
Taille réelle: {{wiki:dokuwiki-128.png}}
On change la largeur : {{wiki:dokuwiki-128.png?50}}
On change la largeur et la hauteur : {{wiki:dokuwiki-128.png?200x50}}
On change la taille d'image externe : {{http://de3.php.net/images/php.gif?200x50}}
Et si on ajoute un espace à droite ou à gauche l'image change d'alignement :
{{ wiki:dokuwiki-128.png?50}}
{{wiki:dokuwiki-128.png?50 }}
{{ wiki:dokuwiki-128.png?50 }}
On peux, bien entendu, ajouter un titre :
{{ wiki:dokuwiki-128.png |This is the caption}}
Si vous utilisez une image autre que (gif, jpeg, png), elle sera affichée comme un lien.
Plusieurs listes sont possibles :
* Listes ordonnées :
- Un
- Deux
- Trois :
- Trois.1
- Trois.2
- Quatre
* Listes non-ordonnées :
* Un
* Deux
* Trois :
* Trois.1
* Trois.2
* Quatre
Remarque : l'important ce sont les deux espaces blancs avant le * ou le -.
Plusieurs smileys sont disponibles :
FIXME
DELETEME Exemple :
→ ← ↔ ⇒ ⇐ ⇔ » « – — 640×480 © ™ ® “He thought 'It's a man's world'...”
-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..."
Répondre à un commentaires ou citer quelqu'un :
I think we should do it > No we shouldn't >> Well, I say we should > Really? >> Yes! >>> Then lets do it!
I think we should do it
No we shouldn't
Well, I say we should
Really?
Yes!
Then lets do it!
Assez simple à créer :
^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 | | Row 2 Col 1 | some colspan (notez la double barre)|| | Row 3 Col 1 | Row 2 Col 2 | Row 2 Col 3 |
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | some colspan (notez la double barre) | |
| Row 3 Col 1 | Row 2 Col 2 | Row 2 Col 3 |
| ^ Heading 1 ^ Heading 2 ^ ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | ^ Heading 4 | no colspan this time | | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 |
| Heading 1 | Heading 2 | |
|---|---|---|
| Heading 3 | Row 1 Col 2 | Row 1 Col 3 |
| Heading 4 | no colspan this time | |
| Heading 5 | Row 2 Col 2 | Row 2 Col 3 |
Note: Les fusions verticales ne sont pas possibles, seules les fusions horizontales le sont!
| Tableau aligné | ||
|---|---|---|
| right | center | left |
| left | right | center |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
^ Tableau aligné ^^^ | right| center |left | |left | right| center | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
Pour le code ou les fichiers :
yeah mon code est ici whaaaaa je peux faire de longues lignes sans tout déformer mais c'est merveilleux !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Yeah maintenant c'est le fichier machin chose qui vous est présenté mhhh je mangerais bien une pizza moi !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Mais vous pouvez aussi laisser une ligne vide, deux espaces blancs devant chaque ligne de code et une ligne vide :
mon code est ici a+b
<code> yeah mon code est ici whaaaaa je peux faire de longues lignes sans tout déformer mais c'est merveilleux !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! </code>
<file> Yeah maintenant c'est le fichier machin chose qui vous est présenté mhhh je mangerais bien une pizza moi !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! </file>
Mais vous pouvez aussi laisser une ligne vide, deux espaces blancs devant chaque ligne de code et une ligne vide :
mon code est ici a+b
Pour éviter que du texte soit pris sous la syntaxe wiki il suffit d'ajouter %%le texte%% ou encore <nowiki>le texte</nowiki>
Super pratique, la coloration syntaxique permet plein de chose. Dokuwiki utilise GeSHi Exemple : <code java>.
/** * The HelloWorldApp class implements an application that * simply displays "Hello World!" to the standard output. */ class HelloWorldApp { public static void main(String[] args) { System.out.println("Hello World!"); //Display the string. } }
ou encore
<?php echo 'Hello World, Fsb c'est le best!'; ?>
source :
<code php> <?php echo 'Hello World, Fsb c'est le best!'; ?> </code>
Vous pouvez utilisez html et php sans coloration syntaxique via html or php :
<html> This is some <font color="red" size="+1">HTML</font> </html>
This is some <font color="red" size="+1">HTML</font>
<php> echo 'A logo generated by PHP:'; echo '<img src="' . $_SERVER['PHP_SELF'] . '?=' . php_logo_guid() . '" alt="PHP Logo !" />'; </php>
echo 'A logo generated by PHP:'; echo '<img src="' . $_SERVER['PHP_SELF'] . '?=' . php_logo_guid() . '" alt="PHP Logo !" />';
Les syntaxes possibles:
<box largeur classes | titre> contenu </box| sous-titre du tableau>
; //classes// : plusieurs classes CSS, cependant seules ces classes sont définies pour la box * //round// --- bords ronds * //blue// --- couleur bleue * //red// --- couleur rouge * //green// --- couleur verte * //orange// --- couleur orange * //left// --- boîte flottante à gauche * //right// --- boîte flottante à droite
; //largeur// : toute valeur valide CSS : Xpx, Xem, X%, Xpc, .... ; //titre// : titre de la boite, marqueur dokuwiki inclus ; //caption text// : sous-titre de la boite, marqueurs dokuwiki exclus
largeur & classes peuvent être spécifiées dans tous les ordres
<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 dog when you open the door !! </note>
Vous avez la possibilité de colorer le fond du texte
<hi codeCouleurOuNomDeCouleur>texte</hi>
<hi #6495ed>exemple</hi> ou <hi red>exemple</hi>
exemple ou exemple
|<hi orange>\\ une simple boîte colorée\\ \\</hi>|
|
une simple boîte colorée
\\|
Contributeur : Grummfy | NumberEight