Mise En Forme
Aussi disponible en Deutsch, English, Español, Polski, Русский, 简体中文.
Voir aussi: Fonctions
Les conventions de mise en forme de WackoWiki diffèrent légèrement de celles des autres Wikis.
Vous pouvez faire des essais de mise en forme dans le BacASable
Un texte précédé et suivi de deux paires de guillemets anglais doubles ("double quotes") n'est pas mis en forme.
Pour "échapper" (faire qu'il ne se transforme pas en lien) un NomWiki, le faire précéder immédiatement du caractère ~
(tilde) comme ceci : ~NomWiki.
Ceci dans la source... | ...donne ceci à l'écran : |
1. Table des matières
description détaillée... |
2. Mise en forme de base
**gras** | gras |
//italique// | italique |
__souligné__ | souligné |
--barré-- | |
##police à chasse fixe## | police à chasse fixe |
++petit++ | petit |
!!Trouvez-vous belle cette couleur de texte ?!! . | Trouvez-vous belle cette couleur de texte ? |
!!(blue) ligne en bleu!! | ligne en bleu |
!!(green) ligne en vert!! | ligne en vert |
!!(red) ligne en rouge!! | ligne en rouge |
??mis en évidence?? | mis en évidence |
??(blue)mis en évidence?? | mis en évidence |
??(red)mis en évidence?? | mis en évidence |
??(green)mis en évidence?? | mis en évidence |
%%extrait de code ou exemple mis en exergue%% |
int main(int arc,char **argv) { printf("Hello, %s!\n", (argc>1) ? argv[1] : "World"); return 0; } |
Attention: Barrer les formatages est inutile car ces lignes n'apparaissent pas dans votre texte. En effet, elles servent à mettre en forme le texte et ne s'affiche pas à la vue du lecteur.
3. Alignment
L'alignement est réalisé à l'aide d'une structure aussi complexe :
standard |
gauche
|
%%(wacko wrapper=text wrapper_align=center) centrer%% |
centrer
|
%%(wacko wrapper=text wrapper_align=right) droite%% |
droite
|
%%(wacko wrapper=text wrapper_align=justify) justifié%% |
justifié
|
wrapper_align
peut être center
, right
ou justify
.
4. Liens
Comme balisage de caractères pour la création de liens, vous pouvez utiliser des ronds ((, ))
ou des carrés [[, ]]
. Les supports sont utilisés. Les deux caractères sont égaux. Les crochets peuvent être utiles si le texte du document contient déjà de simples crochets ronds, qui peuvent être considérés à tort comme du balisage.
4.1. Liens externes
((https://wackowiki.org WackoWiki)) | WackoWiki |
https://wackowiki.org automatiquement mis en lien. | https://wackowiki.org |
PPR:OneMinuteWiki InterWiki linking | PPR:OneMinuteWiki |
mailto:address@example.com ((adresse@example.com)) email. | mailto:address@example.com adresse@example.com |
xmpp:adresse@example.com Jabber. | xmpp:adresse@example.com |
((https://example.com/archive.zip Archiv (zip) )) https://example.com/archive.zip | Archiv (zip) https://example.com/archive.zip |
4.2. Liens internes
((GroupesDePages)) | GroupesDePages |
((GroupesDePages La page sur les clusters)) | GroupesDePages La page sur les clusters |
https://wackowiki.org/wacko_logo.png Image sans lien. | |
((/HomePage https://wackowiki.org/wacko_logo.png)) Image avec un lien vers la /HomePage | |
{{anchor href="test"}} déclaration de lien. |
|
((#test)) ou ((/HomePage#TOC_1)) référence à un lien. | test ou /HomePage#TOC_1 |
NB: Les mots assemblés (Comme ça) n'ont pas besoin d'être entre doubles crochets (ou parenthèses). Pour les liens internes (i.e. à l'interieur de ce Wiki), l'URL ne devrait pas être absolu mais relatif (sinon le lien ne fonctionnera pas). Ajouter "http://" seulement pour les liens externes.
NB: Pour redimensionner et aligner des images provenant de sources externes, vous pouvez utiliser la syntaxe suivante : ((http://example.com/image.png width=500 align=center)))
, paramètres disponibles width
, height
et align=[left, center, right]
.
5. Intégration des fichiers téléchargés
| file:/Subpage/archive.zip |
5.1. Media Parameters
Les paramètres sont ajoutés à la syntaxe du fichier en ajoutant un point d'interrogation ?
et des paramètres supplémentaires par une esperluette &
.
e.g. file:/lotus_flower.jpg?right&caption&400
- liens
-
direct
- to file -
nolink
- affiche uniquement l'image -
linkonly
- affiche uniquement le lien -
meta
- à filemeta handler (default)
-
- alignment
-
right
- droite -
left
- gauche -
center
- centre
-
- redimensionner
-
400x300
- largeur × hauteur -
0x700
- hauteur -
600
- largeur
-
- autres
-
caption
- affiche la légende -
clear
- clears float
-
6. Titres
7. Liste numérotée et liste simple
Vous pouvez insérer des listes à l'aide de tabulation ou de double espace, et choisissez *, 1., A., a., ou i. pour spécifier le type de liste que vous désirez.
premier élément deuxième élément | premier élément
deuxième élément
|
*liste simple *liste simple-2 |
|
1. liste avec numéro 1. liste avec numéro-2 2.#8 liste avec numéro, avec un chiffre de base |
|
A. avec Majuscule A. avec Majuscule-2 |
|
a. avec Minuscule a. avec Minuscule-2 |
|
i. avec chiffre romain i. avec chiffre romain-2 |
|
1. Liste avec numéro 2. Liste incrémentée * une autre insertion de liste 1. Liste incrémentée-2 1. Liste avec numéro-2 |
|
8. Citation et Definition
<[ Citation |
|
(?Truc Définition pour truc?) | Truc |
(?Votre définition avec des espaces == N'importe quelle autre définition?) | Votre définition avec des espaces |
9. Note de bas de page
Texte, ensuite note de bas de page[[*]] et deuxième note de bas de page[[**]] | Texte, ensuite note de bas de page* et deuxième note de bas de page** |
Texte, puis note de bas de page avec numéro[[*1]] et pour la deuxième[[*2]] | Texte, puis note de bas de page avec numéro1 et pour la deuxième2 |
[[#*]] Texte pour la première note[[#**]] Texte pour la deuxième[[#1]] Texte pour des notes introduites par des chiffres[[#2]] Texte pour la deuxième note introduite par un chiffre | * Texte pour la première note ** Texte pour la deuxième 1 Texte pour des notes introduites par des chiffres 2 Texte pour la deuxième note introduite par un chiffre |
Notes de bas de page générées automatiquement[[^ Texte de note de bas de page ici]] | Génère les notes de bas de page à la fin de la page, voir exemple |
10. Citations
Pour marquer un texte comme une réponse ou un commentaire, vous pouvez utiliser la syntaxe suivante :
Bonjour ! > Oui, c'est ça. >> Vous êtes sûr ? > Bien sûr, oui ! >> Vraiment ? >>> Et maintenant ? | Bonjour ! > Oui, c'est ça. >> Vous êtes sûr ? > Bien sûr, oui ! >> Vraiment ? >>> Et maintenant ? |
11. Tableaux
Tableaux avec bordure
#|
*|titre 1|titre 2|titre 3|*
||cellule11|cellule12|cellule13||
||cellule21|cellule22||
|#
titre 1 | titre 2 | titre 3 |
---|---|---|
cellule11 | cellule12 | cellule13 |
cellule21 | cellule22 |
Tableaux sans bordure occupant 100% de la largeur de l'élément parent
#||
||cellule11|cellule12|cellule13||
||cellule21|cellule22||
||#
cellule11 | cellule12 | cellule13 |
cellule21 | cellule22 |
NB : Des tableaux complexes peuvent être créés en utilisant le langage HTML en ligne, s'il est disponible.
Pour inclure un tuyau |
comme contenu dans votre cellule, vous devez le délimiter par une paire de guillemets doubles : ""|""
12. Autres
Séparateur (ligne) horizontal :
----
Saut de ligne forcé:
test---
voilà
test
voilà
Texte sans mise en forme
Texte précédé et suivi de deux guillemets doubles, cette page en offre de nombreux exemples.
13. Inline HTML
Sortie HTML "telle quelle"
Ceci ne fonctionne que si l'administrateur l'autorise !
<# <input type="text"> #> | <# <input type="text"> #> |
Si vous voyez <input type="text"> à la place du champ de saisie, c'est parce que l'administrateur ne l'a pas autorisé (en indiquant allow_rawhtml
dans le fichier de configuration ; c'est une option très dangereuse, à éviter!).
14. Autre Touche
Le relecteur automatique intégré dans le wiki ajuste automatiquement le texte sauvegardé aux normes de formatage, évitant ainsi aux auteurs d'avoir à éditer des textes trop détaillés. Voici les changements qu'il apporte :
Paramètres avancésE=mc^^2^^ | E=mc2 |
intermédiaire avant et après vv n'oubliez pas de faire un espace. H vv2vv O | H 2 O |
Plus loin | |
^F | °F |
^C | °C |
(p) | § |
(tm) | (tm) |
(c) | (c) |
(r) | (r) |
+- | +- |
15. Macros
Les macros sont des raccourcis automatiquement mis à jour et remplacés par une valeur.
Pour inserer automatiquement votre nom d'utilisateur::::: | ThomasWolter |
Nom et date automatique:::@:: | ThomasWolter /08.10.2003 01:47/ |
Date:::+:: | 08.10.2003 01:47 |
16. Extensions - Mises en forme particulières
WackoWiki est facilement extensible pour un formatteur particulier utiliser %%(nom) truc%%
%%(wacko) Créer un exemple%% | Créer un exemple
| |||||||||
%%(php) PHP%% |
| |||||||||
%%(comment) Les commentaires ne seront affichés que dans le texte source.%% | ||||||||||
%%(noautolinks) Pas de lien automatique à partir des mots du CamelCase%% | Pas de lien automatique à partir des mots du CamelCase
| |||||||||
%%(details title="Summary" open=1) Details info. %% |
SummaryL'élément HTML<details> est utilisé comme un outil permettant de révéler une information. Un résumé ou un intitulé peuvent être fournis grâce à un élément <summary> .
| |||||||||
%%(cl)zypper dup --no-recommends%% |
zypper dup --no-recommends | |||||||||
%%(chat [type="div|table"]) |
| |||||||||
%%(email) Email%% |
Hi! >> Yes, it is. >Are you sure? Of course, yes! Roman. | |||||||||
%%(sql) SQL-Code%% |
SELECT * | |||||||||
Il y a aussi des marques pour (ini), (html), (css) und (pascal). | ||||||||||
%%(html) HTML-Code%% |
<a href="http://example.com/">test</a> | |||||||||
%%(ini) ini-Code%% |
[Wiki] BestEngine="WackoWiki" Version=6 | |||||||||
%%(css) CSS-Code%% |
body {margin: 0; padding:5px;}
.class {background:url("http://example.com/")}
| |||||||||
%%(pascal) PASCAL-Code%% |
{ comment } BEGIN if a = 15 then writeln("test"); END. | |||||||||
16.1. Info box
Types: default , error , example , important , note , question , quote , success , warning title box titleicon show icon, default value is 1 | ||||||||||
%%(info type="note")
|
A wiki is a website where users can add, remove, and edit every page using a web browser. It's so terrifically easy for people to jump in and revise pages that wikis are becoming known as the tool of choice for large, multiple-participant projects.
| |||||||||
%%(info type="warning" title="Avertissement")
|
Avertissement Comme pour toute installation de logiciel accessible via Internet, les erreurs ou les problèmes de sécurité sont exploités par des tiers. N'installez WackoWiki que si vous maintenez l'installation à jour. | |||||||||
16.2. PEAR Text HighlighterPEAR package for syntax highlighting
Formatter: abap , cpp , css , diff , dtd , html , java , javascript , perl , php , ruby , python , sh , sql , vbscript , xml . | ||||||||||
%%(hl css) CSS-Code%%
|
body {margin: 0; padding:5px;} .class {background:url("http://example.com/")} | |||||||||
%%(hl javascript) Javascript-Code%%
|
var a = document.getElementById("test"); a.value = new Array(15, 31); function echo (msg) {alert(msg)}; | |||||||||
%%(hl php numbers=2) PHP-Code%%
|
| |||||||||
%%(hl xml) xml-Code%%
|
<config> <section name="test"> <var>Test</var> <val><![CDATA[..text...]]></val> </section> </config> | |||||||||
16.3. GeSHiGeSHi Code Highlighting - Generic Syntax Highlighter %%(geshi [Formatter] numbers=1 start=35 lines=37) source%% | ||||||||||
%%(geshi css) CSS-Code%%
| Formatter
highlight/geshi not found | |||||||||
Si vous voyez Formateur highlight/geshi n'a pas trouvé, le GeSHi formatter n'a pas été ajouté à ce site. | ||||||||||
17. Cadre de formatage
Aussi disponible en Deutsch, English, Русский, 简体中文.
Il est possible pour chaque Formatierer de montrer un cadre spéciale %%(Formatierer) text%%
avec le paramètre wrapper=
.
%%(formatter
[wrapper="box | shade | page | text"]
[wrapper_align= "left | center | right | justify"]
[wrapper_title="Titel"]
[wrapper_type="default | error | example | important | note | question | quote | success | warning"]
[wrapper_width="pixel"]
[col=1 | 2 | 3 | 4 | 5]
[clear])
Text
%%
box | shade | page | text | |
---|---|---|---|---|
type | + | + | – | - |
title | + | + | – | - |
alignment | + | –1 | –2 | + |
clear | + | + | – | – |
width | + | –1 | + | –3 |
column | – | + | – | + |
frame | + | + | – | – |
automatic line feed | + | + | + | – |
1 Cette option n'a pas de sens, car la largeur du bloc est toujours égale à la largeur de la page.
2 Seulement à gauche.
3 Si vous ne mettez pas les fils de ligne vous-même, la largeur du bloc est fixée par le moteur à environ 90% de la largeur de la page.
Grammar = [FORMATTER | FORMAT WRAPPER | FORMAT WRAPPER OPTION | Text]
FORMATTER = [ cl | comment | css | email | hl * | html | info | ini | java | pascal | php | sql | wacko ]
FORMAT WRAPPER = box
, shade
, page
und text
TEXT = tout, libre.