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

{{toc numerate=1}}


description détaillée...

2. Mise en forme de base


**gras**
gras
//italique//
italique
__souligné__
souligné
--barré--
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
https://wackowiki.org/wacko_logo.png
{{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:/mammut_mascot.jpg
vérifie uniquement le fichier global
file:mammut_mascot.jpg
vérifie d'abord le fichier local
file:/Subpage/archive.zip
chemin absolu pour le fichier local, nécessaire pour que les fichiers locaux soient inclus dans une autre page
Le fichier téléchargé doit être.


description détaillée...

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

Lotus Flower
Shinobazu Pond at Ueno Park at Ueno, Taito-ku in Tokyo
(Source:: Yoshikazu TAKADA /Some rights reserved)

  • 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



== Titre Principal ==

(2)Titre Principal


=== Gros Titre ==

(3) Gros Titre

==== Titre Moyens ==

(4) Titre Moyens

===== Plus petit Titre ==

(5) Plus petit Titre

====== Petit Titre ==
(6) Petit Titre

======= Tres Petit Titre ==
(7) Tres Petit Titre

Attention: à droite de l'intitulé il ne doit pas y avoir le même nombre de "=", en effet il doit toujours il y en avoir deux à droite.

à droite de chaque titre : ==
Le == Titre Principal == est généralement défini avec le titre de la page et n'est pas inclus par défaut dans la table des matières.

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

  1. Liste avec numéro
  2. Liste avec numéro-2
  3. Liste avec numéro, avec un chiffre de base
A. avec Majuscule
A. avec Majuscule-2
  1. avec Majuscule
  2. avec Majuscule-2
a. avec Minuscule
a. avec Minuscule-2
  1. avec Minuscule
  2. avec Minuscule-2
i. avec chiffre romain
i. avec chiffre romain-2
  1. avec chiffre romain
  2. 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	

  1. Liste avec numéro
    1. Liste incrémentée
      • une autre insertion de liste
    2. Liste incrémentée-2
  2. Liste avec numéro-2

8. Citation et Definition

<[ Citation
(blockquote) ]>


Citation
(blockquote)

(?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 !

11. Tableaux


Tableaux avec bordure
#|
*|titre 1|titre 2|titre 3|*
||cellule11|cellule12|cellule13||
||cellule21|cellule22||
|#


titre 1titre 2titre 3
cellule11cellule12cellule13
cellule21cellule22

Tableaux sans bordure occupant 100% de la largeur de l'élément parent
#||
||cellule11|cellule12|cellule13||
||cellule21|cellule22||
||#


cellule11cellule12cellule13
cellule21cellule22

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és
E=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%%
<?php
phpinfo();
$s = "Hello, World!\n";
echo $s;

%%(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. %%
Summary L'é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"])
chat log
%%

Mike Hi altogether.
12:04
Alice Did you check out the link https://example.com/
12:05
Pete I did't read your message.
The images
you drawn
are awesome!
12:10

%%(email) Email%%
Hi!
>> Yes, it is.
>Are you sure?

Of course, yes!

Roman.	

%%(sql) SQL-Code%%
SELECT * 
FROM sometable 
WHERE a = '12' AND b = 2 
ORDER BY c DESC --Comment


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

%%(info type="note" title="Remarks" icon=0) content... %%


Types: default, error, example, important, note, question, quote, success, warning
title box title
icon show icon, default value is 1

%%(info type="note")
contenu...
%%

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")
contenu...
%%

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 Highlighter

PEAR package for syntax highlighting


%%(hl [Formatter] numbers=1 start=2) code example %%


numbers line numbering type: 1 -> ol, 2 -> Table
start lets the line numbers start at any number, and not just at 1


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%%
1
2
3
4
<?php
phpinfo();
$s = "Hello, World!\n";
echo $s;


%%(hl xml) xml-Code%%
<config>
<section name="test">
  <var>Test</var>
  <val><![CDATA[..text...]]></val>
</section>
</config>

16.3. GeSHi

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

17.1. box


%%(css wrapper=box wrapper_align=left wrapper_width=270)
.d { font-size:70% }
%%

Comme vous pouvez le voir, la fonction box permet de créer un menu, améliorer grâce au texte. Par ailleurs, il y a des formatter (Box), qui ne change rien du tout si ce n'est de transformer le texte en Wrapper.

17.2. shade


%%(css wrapper=shade)
.d2 { font-size:70% }
%%

shade — this box without the tuning.
.d2 { font-size:70% } 	

17.3. text

%%(wacko wrapper=text wrapper_align=center)
centré
%%

text permet d'aligner le bloc de texte.
wrapper_align= kann left(gauche), center(centré), right(droite) ou justify(justification) sein.
centré

17.4. page

%%(wacko wrapper=page wrapper_width=200)
Ce texte ne peut pas dépasser 200 Pixel
%%

page permet de définir la largeur d'un bloc de texte, vous permet de définir la largeur d'un bloc de texte..
ce texte ne peut pas dépasser 200 pixel

17.5. Example

%%(wacko wrapper=box wrapper_type="quote" wrapper_width=300 wrapper_title="Box")
«Cent fois par jour, je me rappelle que ma vie intérieure et extérieure dépend du travail d'autres personnes, vivantes ou mortes, et qu'il faut que je m'attache à donner à la mesure de ce que j'ai reçu et reçois encore.» – Albert Einstein
%%