Guide de Mise en Forme Wikka
Note: Tout texte contenu entre 2 paires de double quote n'est pas formaté..
Une fois que vous aurez lu ces règles, testez vos capacités de mise en forme dans le
BacASable.
1. Mise en Forme du Texte
**Je suis en Gras**
Je suis en gras
//Je suis en Italique!//
Je suis en Italique!
~
Je suis __souligné__!
Je suis souligné!
##Texte à espacement fixe##
Texte à espacement fixe
''Texte surligné'' (en utilisant deux simple quote)
Texte surligné
++Texte barré++
Texte barré
Appuyez sur #%UNE TOUCHE#%
Appuyez sur UNE TOUCHE
@@Texte centré@@
Texte centré
2. Titres
Utilisez entre 5
= (pour le plus gros titre) et 2
= (pour le plus petit titre) de part et d'autre d'un texte pour en faire un titre.
====== Très très gros titre ======
Très très gros titre
===== Très gros titre =====
Très gros titre
==== Titre moyen ====
Titre moyen
=== Titre normal ===
Titre normal
== Petit titre ==
Petit Titre
3. Séparateur horizontal
----
4. Saut de Ligne
---
5. Listes et indentation
Vous pouvez indenter un texte en utilisant un
~, un
tab ou
4 espaces (ce qui le convertira automatiquement en un tab).
~Ce texte est indenté
~~Ce texte est doublement indenté
Ce texte est aussi indenté
Ce texte est indenté
Ce texte est doublement indenté
Ce texte est aussi indenté
Pour créer des listes à puce/numérotées, utilisez la syntaxse suivante (vous pouvez toujours utiliser 4 espaces à la place d'un
~):
Listes à puce
~- Ligne 1
~- Ligne 2
- Ligne 1
- Ligne 2
Listes numérotées
~1) Ligne 1
~1) Ligne 2
- Ligne 1
- Ligne 2
Listes ordonnées en utilisant des majuscules
~A) Ligne 1
~A) Ligne 2
- Ligne 1
- Ligne 2
Listes ordonnées avec une minuscule
~a) Ligne 1
~a) Ligne 2
- Ligne 1
- Ligne 2
Listes ordonnées avec des chiffres romains
~I) Ligne 1
~I) Ligne 2
- Ligne 1
- Ligne 2
Listes ordonnées avec des chiffres romains minuscules
~i) Ligne 1
~i) Ligne 2
- Ligne 1
- Ligne 2
6. Commentaires
Pour formater un texte comme étant un commentaire, utilisez une indentation (
~, un
tab ou
4 espaces) suivie par un
&.
Exemple:
~& Commentaire
~~& Sous Commentaire
~~~& Sous Sous Commentaire
7. Images
Pour insérer une image dans une page du Wiki, vous pouvez utiliser l'action
image .
Exemple:
{{image class="center" alt="DVD logo" title="Une image" url="images/dvdvideo.gif" link="ModificationsRecentes"}}

Les liens peuvent être internes, externes ou des liens Wiki. Vous n'êtes pas obligé d'enter un lien, dans ce cas l'image est juste insérée. Vous pouvez aussi utiliser les classes
left et
right pour positionner l'image à gauche ou a droite. Vous n'êtes pas obligés d'utiliser ces attributs, seul l'attribut
url est obligatoire même si
alt est recommandé pour l'accessibilité.
8. Liens
Pour créer un
lien vers une page wiki vous pouvez utiliser l'une de ces options:
- Tapper un NomWiki:
ReglesDeFormatage
ReglesDeFormatage
- ajouter un lien forcé en encadrant le nom de la page par [[ et ]] (tout ce qui suit le premier espace sera affiché comme description):
[[BacASable Testez votre mise en forme]]
Testez votre mise en forme
[[BacASable 沙箱]]
沙箱
- ajouter une image avec un lien (voir les instructions ci-dessus).
Pour
Ajouter un lien vers une page externe, vous pouvez:
- entrer une URL dans la page:
http://www.exemple.com
http://www.exemple.com∞
- ajouter un lien forcé en encadrant l'URL par [[ et ]] (tout ce qui suit le premier espace sera affiché comme description):
[[http://exemple.com/jenna/ Page de Jenna]]
Page de Jenna∞
[[mail@exemple.com Ecrivez moi!]]
Ecrivez moi!∞
- ajouter une image avec un lien (voir les instructions ci-dessus);
- ajouter un lien interwiki (explorez la liste des tags interwiki disponibles):
WikiPedia:WikkaWiki
WikiPedia:WikkaWiki∞
Google:CSS
Google:CSS∞
Thesaurus:Happy
Thesaurus:Happy∞
9. Tableaux
Pour créer un table vous pouvez utiliser l'action
table.
Exemple:
{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}}
BIG |
GREEN |
FROGS |
yes |
yes |
no |
no |
no |
|
Notez que
### doit être utilisé pour indiquer une cellule vide.
Des tableaux plus complexes peuvent être crées en insérant du code HTML dans une page wiki (voir ci-dessous).
10. Texte coloré
Du texte coloré peut être crée en utilisant l'action
color:
Exemple:
{{color c="blue" text="Ceci est un test."}}
Ceci est un texte.
Vous pouvez aussi utiliser des valeurs hexadécimales:
Exemple:
{{color hex="#DD0000" text="Ceci est un autre test."}}
Ceci est un autre test.
Vous pouvez aussi spécifier une couleur d'avant plan et d'arriere plan en utilisant les paramètres
fg et
bg (ils acceptent des couleurs nommées ou en haxadecimal):
Exemples:
{{color fg="#FF0000" bg="#000000" text="Ceci est un texte coloré sur un fond coloré"}}
Ceci est un texte coloré sur un fond coloré
{{color fg="lightgreen" bg="black" text="Ceci est un texte coloré sur un fond coloré"}}
Ceci est un texte coloré sur un fond coloré
11. Flottants
Pour créer une
boite flottante à gauche, utilisez deux
< avant et après le bloc.
Exemple:
<<Du texte dans une boîte flottante gauche<< Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.
Du texte dans une boîte flottante gauche
Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.
Pour créer une
boite flottante à droite, utilisez deux >
avant et après le bloc.
Exemple:
>>Du texte dans une boîte flottante droite>> Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.
Du texte dans une boîte flottante droite
Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.
Utilisez ::c:: pour séparer les blocs flottants.
12. Mise en forme du code
Vous pouvez facilement mettre en forme des blocs de code dans les pages wiki en insérant une simple balise. Tout bloc de code est affiché tel quel.
Pour créer un bloc de code générique vous pouvez utiliser les balises:
%% Ceci est un bloc de code %%.
Pour créer un bloc de code avec coloration syntaxique, vous pouvez indiquer un code de mise en forme de langage (voir ci dessous pour les différents mises en formes).
%%(php)
<?php
echo "Hello, World!";
?>
%%
<?php
echo "Hello, World!";
?>
Vous pouvez aussi spécifier un numéro de la ligne de début.
%%(php;15)
<?php
echo "Hello, World!";
?>
%%
Si vous spécifiez un nom de fichier, il sera utilisé pour télécharger le code.
%%(php;15;test.php)
<?php
echo "Hello, World!";
?>
%%
Liste des différents codes de mise en forme des langages:
LANGUAGE |
FORMATTER |
LANGUAGE |
FORMATTER |
LANGUAGE |
FORMATTER |
Actionscript |
actionscript |
ADA |
ada |
Apache Log |
apache |
AppleScript |
applescript |
ASM |
asm |
ASP |
asp |
AutoIT |
autoit |
Bash |
bash |
BlitzBasic |
blitzbasic |
C |
c |
C for Macs |
c_mac |
c# |
csharp |
C++ |
cpp |
CAD DCL |
caddcl |
CadLisp |
cadlisp |
CFDG |
cfdg |
ColdFusion |
cfm |
CSS |
css |
D |
d |
Delphi |
delphi |
Diff-Output |
diff |
DIV |
div |
DOS |
dos |
Eiffel |
eiffel |
Fortran |
fortran |
FreeBasic |
freebasic |
GML |
gml |
Groovy |
groovy |
HTML |
html4strict |
INI |
ini |
Inno Script |
inno |
Java 5 |
java5 |
Java |
java |
Javascript |
javascript |
Lisp |
lisp |
Lua |
lua |
Matlab |
matlab |
Microchip Assembler |
mpasm |
Microsoft Registry |
reg |
MySQL |
mysql |
NSIS |
nsis |
Objective C |
objc |
OpenOffice BASIC |
oobas |
Objective Caml |
ocaml |
Objective Caml (brief) |
ocaml-brief |
Oracle 8 |
oracle8 |
Pascal |
pascal |
Perl |
perl |
PHP |
php |
PHP (brief) |
php-brief |
Python |
phyton |
Q(uick)BASIC |
qbasic |
robots.txt |
robots |
Ruby |
ruby |
SAS |
sas |
Scheme |
scheme |
sdlBasic |
sdlbasic |
Smarty |
smarty |
SQL |
sql |
TCL/iTCL |
tcl |
T-SQL |
tsql |
Text |
text |
VB.NET |
vbnet |
VHDL |
vhdl |
Visual BASIC |
vb |
Visual Fox Pro |
visualfoxpro |
WinBatch |
winbatch |
XML |
xml |
|
|
13. Mindmaps
Wikka est compatible mindmaps∞. Il y a deux moyens d'inclure un mindmap dans une page wiki.
Option 1: Uploader un fichier FreeMind sur un serveur et placer un lien sur une page wikka:
http://yourdomain.com/freemind/freemind.mm
Pas de mise en forme particuliere.
Option 2: Copier les données FreeMind directement dans une page wikka:
- Ouvrez un fichier FreeMind avec un éditeur de texte.
- Sélectionnez tout et copier les données
- Explorez votre site Wikka et copier les données dans une page.
14. Code HTML
Vous pouvez facilement coller du code HTML dans une page wiki en l'encadrant d'une paire de double quote.
""[html code]""
Exemples:
""y = x<sup>n+1</sup>""
y = xn+1
""<acronym title="Cascade Style Sheet">CSS</acronym>""
CSS
Par défaut, certains tags HTML sont désactivés par le parseur SafeHTML pour protéger de code potentiellement dangereux. La liste des tags désactivés peut être trouvée sur la page Wikka:SafeHTML∞ (anglais).
Il est possible d'autoriser tous les tags HTML , voir Wikka:UsingHTML∞ (anglais) pour plus d'informations.
CategorieWiki