En grande partie inspiré de [[http://wiki.splitbrain.org/wiki:syntax|ceci]] **Destinataire** : Tout ceux désirant rédiger pour le wiki ====== Syntaxe de mise en page ====== Lorsque vous éditez une page des [[http://wiki.splitbrain.org/wiki%3Aquickbuttons|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. ===== Base ===== 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 exposants et des indices ou encore barré 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 ===== Liens ===== ==== Externes ==== 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 : 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 : ==== Internes ==== 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 : [[doku>wiki:namespaces]] Notes : * Les liens vers des [[wiki:syntax|page_existante]] sont différents des [[wiki:page_quinexistepas]]. * Lorsque vous changez l'entête, le titre d'un paragraphe, vous changez l'ancre de celui-ci donc le lien interne. ==== Interwiki ==== Dokuwiki supporte les liens [[doku>wiki:interwiki|Interwiki]]. Ce sont des liens vers d'autres wiki. Par exemple les pages Wikipedia : [[wp>Wiki]]. Dokuwiki supporte les liens [[doku>wiki:interwiki|Interwiki]]. Ce sont des liens vers d'autres wiki. Par exemple les pages Wikipedia : [[wp>Wiki]]. ==== Liens image ==== Exemple : [[http://www.php.net|{{wiki:dokuwiki-128.png}}]] [[http://www.php.net|{{wiki:dokuwiki-128.png}}]] ===== Note de bas de page ===== Vous pouvez ajouter facilement des notes de bas de page en utilisant des parenthèses ((Comme ceci)). Vous pouvez ajouter facilement des notes de bas de page en utilisant des parenthèses ((Comme ceci)). ===== Niveau de titre ===== 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 == ==== H3 ==== === H4 === == H5 == Vous pouvez créer un séparateur, c'est-à-dire une ligne horizontale, en ajoutant 4 tirets : ---- ===== Images et autres fichiers ===== Différents réglages sont possibles : 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}} 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 }} {{ 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}} {{ wiki:dokuwiki-128.png |This is the caption}} Si vous utilisez une image autre que (''gif, jpeg, png''), elle sera affichée comme un [[wiki:syntax#liens|lien]]. ===== Listes ===== 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 * 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 ''-''. ===== Smileys ===== Plusieurs smileys sont disponibles : * 8-) %% 8-) %% * 8-O %% 8-O %% * :-( %% :-( %% * :-) %% :-) %% * =) %% =) %% * :-/ %% :-/ %% * :-\ %% :-\ %% * :-? %% :-? %% * :-D %% :-D %% * :-P %% :-P %% * :-O %% :-O %% * :-X %% :-X %% * :-| %% :-| %% * ;-) %% ;-) %% * ^_^ %% ^_^ %% * :?: %% :?: %% * :!: %% :!: %% * LOL %% LOL %% * FIXME %% FIXME %% * DELETEME %% DELETEME %% ===== Typographie ===== Exemple : -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..." -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..." ===== Citations ===== 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! ===== Tableaux ===== 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 | ===== Code et autres ===== 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 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 Pour éviter que du texte soit pris sous la syntaxe wiki il suffit d'ajouter ''%%le texte%%'' ou encore ''%%le texte%%'' ===== Coloration syntaxique ===== Super pratique, la coloration syntaxique permet plein de chose. Dokuwiki utilise [[http://qbnz.com/highlighter/|GeSHi]] Exemple : ''''. /** * 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 source : ==== Utiliser Html Et PHP ==== Vous pouvez utilisez html et php sans coloration syntaxique via ''html'' or ''php'' : This is some HTML This is some HTML echo 'A logo generated by PHP:'; echo 'PHP Logo !'; echo 'A logo generated by PHP:'; echo 'PHP Logo !'; ===== Box ===== ''**%%** contenu **%%%%**'' ; //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 !! This is my note ! Remember it !! Warning ! You're about to lose your mind ;-) Warning ! You're about to lose your mind ;-) The clues are in the images. The clues are in the images. Beware of the dog when you open the door !! Beware of the dog when you open the door !! ===== Autre ===== Vous avez la possibilité de colorer le fond du texte texte exemple ou exemple exemple ou exemple |\\ une simple boîte colorée\\ \\| |\\ une simple boîte colorée\\ \\| ---- Contributeur : [[http://www.fire-soft-board.com/fsb/membre-3.html|Grummfy]] | [[http://www.fire-soft-board.com/fsb/membre-1293.html|NumberEight]]