Syntaxe et mise en forme

WikiSquare utilise un langage de balises simple, qui essaie de rendre les fichiers de données aussi lisibles que possible. Cette page explique toutes les commandes que l'on peut utiliser lorsqu'on édite les pages. Regardez simplement le code source de cette page en cliquant sur le bouton éditer cette page en haut de la page. Si vous souhaitez essayer quelque chose, rendez-vous dans le bac à sable. Par ailleurs, les balises les plus simples sont facilement accessibles depuis la barre d'outils.

WikiSquare accepte les textes en gras, italique, souligné et à espace fixe. Bien sûr, ils peuvent tous être combinés.

WikiSquare accepte les textes en **gras**, //italique//, __souligné__ et ''à espace fixe''. 
Bien sûr, ils peuvent tous être **__//''combinés''//__**.

On peut aussi utiliser _indice et ^exposant si c'est réellement nécessaire.

On peut aussi utiliser <sub>indice</sub> et <sup>exposant</sup> si c'est réellement nécessaire. 

WikiSquare permet
d'aller à la ligne.

WikiSquare permet\\ d'aller à la ligne.

WikiSquare permet la coloration du texte. (red, green… #FFFFFF, #1245DF…)

WikiSquare permet la <color red>coloration</color> du texte.

<gauche>Vous pouvez également mettre votre texte à gauche</gauche> <droite>ou à droite</droite>

WikiSquare propose plusieurs moyens pour créer des liens.

Les liens externes sont reconnus “automagiquement” : http://www.google.fr ou simplement www.google.fr - On peut aussi donner des noms aux liens : Ce lien pointe vers google. Les adresses email telles que celle-ci : mon_nom@wikisquare.com sont également reconnues.

Les liens externes sont reconnus "automagiquement" : http://www.google.fr 
ou simplement www.google.fr - On peut aussi donner des noms aux 
liens : [[http://www.google.fr|Ce lien pointe vers google]]. Les adresses 
email telles que celle-ci : <mon_nom@wikisquare.com> sont également reconnues. 

Les liens internes sont créés en utilisant les crochets. Vous pouvez soit juste donner un wiki:fr:pagename ou utiliser un titre. Les catégories (pagenames) wiki sont converties automatiquement en minuscules, les caractères spéciaux Weavcast ne sont pas autorisés.

Les liens internes sont créés en utilisant les crochets.
Vous pouvez soit juste donner un [[doku>wiki:pagename]] ou
utiliser un [[doku>wiki:pagename|titre]].
Les pages (//pagenames//) wiki sont converties
automatiquement en minuscules,
les caractères spéciaux ne sont pas autorisés.

Vous pouvez utiliser des catégories (namespaces) en utilisant les deux points dans le nom de page pagename.

Vous pouvez utiliser des [[wiki:namespaces|catégories]]
(//namespaces//) en utilisant les //deux points// dans le
nom de page //pagename//.

Les liens vers une section spécifique sont également possibles. Ajoutez simplement le nom de la section derrière un caractère dièse comme dans le HTML.

Ce lien renvoie vers cette section.

Ce lien renvoie vers [[syntax#internes|cette section]].

• Les liens vers des pages existantes sont montrés dans un style différent des pages inexistantes.
• WikiSquare n'utilise pas la CamelCase pour utiliser des liens par défaut. Astuce : si WikiSquare est un lien, alors c'est mis en place.
• Lorsque le titre d'une section est modifié, alors le bookmark change aussi. Donc ne comptez pas trop sur les liens de section.

DokuWiki propose les liens Interwiki. Ce sont des liens rapides vers d'autres Wikis. Par exemple ceci est un lien vers la définition des Wikis dans la Wikipedia : Wiki.

DokuWiki propose les liens [[doku>wiki:interwiki|Interwiki]]. Ce sont des liens rapides
vers d'autres Wikis. Par exemple ceci est un lien vers la définition des Wikis dans la 
Wikipedia : [[wp>Wiki]].

On peut aussi utiliser une image afin de créer un lien vers une autre page interne ou externe en combinant les syntaxes des liens et des images (voir ci-dessous) comme ceci :

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

On peut ajouter des notes de pied de page ¹⁾ en utilisant 2 doubles parenthèses.

On peut ajouter des notes de pied de page ((Ceci est une note de pied de page)) en utilisant 2 doubles parenthèses.

On peut utiliser jusqu'à cinq niveaux de titres différents afin de structurer le contenu. Si on a plus de trois titres, une table des matières est générée automatiquement – ceci peut être désactivé en incluant la chaîne ~~NOTOC~~ dans le document.

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

En utilisant quatre tirets ou plus, on peut créer une ligne horizontale :

On peut inclure des images externes et internes avec des accolades. On peut spécifier leur taille (facultatif).

Taille réelle :

Redimension à une largeur donnée :

Redimension à une hauteur donnée :

Redimension à une largeur et une hauteur données :

Image externe redimensionnée :

Taille réelle :                                    {{wiki:dokuwiki-128.png}}
Redimension à une largeur donnée :                 {{wiki:dokuwiki-128.png?50}}
Redimension à une hauteur donnée :                 {{wiki:dokuwiki-128.png?0x50}}
Redimension à une largeur et une hauteur données : {{wiki:dokuwiki-128.png?200x50}}
Image externe redimensionnée :                     {{http://de3.php.net/images/php.gif?200x50}}

En utilisant des espaces à gauche ou à droite, vous pouvez choisir l'alignement

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

Bien sûr, on peut aussi ajouter un titre (affiché comme une bulle d'info par la plupart des navigateurs).

{{ wiki:dokuwiki-128.png |Ceci est le titre}}

Et grâce à de simples [ ] on peut afficher le titre sous l'image et encadrer le tout.

Ceci est le titre

[{{wiki:dokuwiki-128.png |Ceci est le **titre**}}]

Pour insérer des vidéos Youtube, voila la syntaxe :

.

Pour insérer des vidéos Youtube, voila la syntaxe : <video youtube>zHlE48D3moA</video>

Vous pouvez aussi mettre des vidéos Dailymotion :

Vous pouvez aussi mettre des vidéos Dailymotion : <video dailymotion>x3cntf_thriller_fun</video>

DokuWiki supporte les listes ordonnées et non ordonnées. Pour créer un élément de liste, indentez votre texte par deux espaces et utilisez une * pour une liste non ordonnée ou un - pour une liste ordonnée.

• Ceci est une liste
• Le 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. Utilisez simplement l'indentation pour des niveaux plus profonds
3. Et voilà

  * Ceci est une liste
  * Le second élément
    * Vous pouvez avoir plusieurs niveaux
  * Un autre élément

  - La même liste mais ordonnée
  - Un autre élément
    - Utilisez simplement l'indentation pour des niveaux plus profonds
  - Et voilà

DokuWiki transforme les émoticônes généralement utilisés en leurs équivalents graphiques. Plus d'émoticônes (smileys) peuvent être placés dans le répertoire smiley et configurés dans le fichier conf/smileys.conf. Voici une vue d'ensemble des émoticônes inclus dans DokuWiki.

WikiSquare peut convertir de simples caractères de texte brut en leurs entités typographiques correctes. Voici un exemple des caractères reconnus.

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

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

Il existe une syntaxe qui permet la mise en forme de votre commentaire. Celle-ci est toute simple :

<com>Bonjour, j'aurais voulu savoir pourquoi ce site déchire à fond !</com>

Votre pseudo (ou adresse ip) le jour d'aujourd'hui à l'heure de maintenant Bonjour, j'aurais voulu savoir pourquoi ce site déchire à fond !

Remarquez qu'une image s'est affichée dans le commentaire ci-dessus, celle-ci c'est l'image par défaut si vous n'en avez pas.

Comment ajouter la votre ?

Vous devez être inscrit. Cliquez sur “mon profil” tout en haut à droite.

Parfois on souhaite marquer du texte afin de montrer que c'est une réponse ou un commentaire. On peut 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 !

Pour attirer l'attention sur un passage précis de votre texte, vous pouvez utiliser les balises <note> et </note> avec 5 paramètres différents en fonction du contenu à afficher :

Warning ! You're about to lose your mind 

<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>

<note astuce>
N'oublie pas de retirer ce jeu pourri de ta console avant de le jeter !
</note>

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

Les lignes de tableau doivent commencer et terminer avec un pipe | 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 (colspan), on rend simplement la cellule suivante complètement vide 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.

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    |

On peut également aligner le contenu du tableau. Ajoutez simplement au moins deux espaces blancs à l'extrémité opposée à 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.

Voici à quoi ça ressemble dans le code source :

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

Mettons que vous vouliez rassembler plusieurs images (ou userbox) centrées, vous allez construire un tableau :

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

Maintenant vous vous dites : “berk ! les bords du tableau gâchent tout !”. En fait, vous pouvez les effacer en faisant ça :

<invisi>
|{{:wiki:dokuwiki-128.png|}}|{{:wiki:dokuwiki-128.png|}}|
</invisi>

On peut inclure des blocs non analysés (non parsed) dans ses 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></code> ou <file></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. 

<code>
Ceci est du code préformaté, tous les espaces sont préservés : comme           <-ceci
</code>

<file>
Ceci est pratiquement la même chose, mais vous pouvez l'utiliser pour montrer que vous avez cité un fichier. 
</file>

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

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. 
</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. 
%%

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

/** 
 * La classe HelloWorldApp implemente 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 : actionscript, ada, apache, asm, asp, bash, caddcl, cadlisp, c, c_mac, cpp, csharp, css, delphi, html4strict, java, javascript, lisp, lua, mpasm, nsis, objc, oobas, oracle8, pascal, perl, php-brief, php, python, qbasic, smarty, sql, vb, vbnet, visualfoxpro, xml

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

<HTML>
Ceci est du <span style="color:red;font-size=1.5em;">HTML</span>
</HTML>

Cette fonction est utilisée, nottament pour les menus, voir ici. Grace à elle, une même page peut être intégrée dans plusieurs pages différentes.

Il suffit d'encadrer l'id de la page à inclure par des double '{'.

{{page>[id]#[section]&[flags]}}
{{section>[id]#[section]&[flags]}}

• Id : Id de la page à inclure, l'utilisation de tags est possible, voir ci-dessous. (Requis)
• Section : Permet d'inclure seulement une section spécifique de la page. (Optionnel)
• Flags : Voir ci-dessous. (Optionnel)

Ce plugin offre deux syntaxes, {{page>…}} et {{section>…}}.

• La principale différence entre les deux syntaxes est que la contrairement à la première, la deuxième essaye d'adapter la page à inclure à la mise en forme de la section en cours.

L'utilisation des tags suivants est possible :

Exemples:

{{page>@MONTH@:@DAY@:birthdays}}
{{page>@USER@:message}}

Vous pouvez utiliser des flags pour changer les options firstseconly et showfooter par défault ::

Exemple:

{{page>concept&firstseconly&footer}}