par hika - 2005-07-03 11:46:13
crée le 2005-01-31 21:53:55
Tutorial pour se familiariser au formatage de texte du moteur Wakka
Ce n'est pas tout d'avoir un bon moteur Wakka ( autocongratulation gratuite ;) ).
Il faut maintenant que n'importe quelle personne ne connaissant pas au HTML puisse éditer du texte de manière souple et simple.
Sachez tout de même que toutes les balises html ne sont pas autorisées.
Style de texte
Texte gras
Il faut encadrer le texte voulu par **, avec un espace entre la séquence ** et le mot.
Exemple :
"Voici un ** mot en gras **"
donnera
"Voici un mot en gras"
Texte en italique
Il faut encadrer le texte voulu par ///, avec un espace entre la séquence /// et le mot.
Exemple :
"Voici un /// mot en italique ///"
donnera
"Voici un mot en italique"
Vous pouvez aussi taper comme ceci :
"Voici un '' mot en italique ''"
donnera
"Voici un mot en italique"
Texte souligné
Il faut encadrer le texte voulu par _, avec un espace entre la séquence _ et le mot.
Exemple :
"Voici un _ mot souligné _"
donnera
"Voici un mot souligné"
Titre
Il faut encadrer le texte voulu par des ===, avec un espace entre la séquence === et le mot.
Exemple :
"=== Voici un titre ==="
donnera
Voici un titre
Attention, les caractères === doivent être en début de ligne.
Vous pouvez aussi doser la taille du titre en réduisant le nombre de = entre le titre.
Exemple :
"==== Voici un titre plus petit ===="
donnera
Voici un titre plus petit
Lien hypertexte
Une des références classiques est le lien hypertext.
Pour ce faire, il suffit d'encadrer le lien http avec [ et ].
Exemple :
[http://www.freebsd.org]
donnera
http://www.freebsd.org
Vous pouvez faire la même chose avec
"[http://www.bsdmon.com Mon site]"
qui donnera
"Mon site"
Vous l'aurez compris, il s'agit de mettre un lien hypertexte sur un texte autre que l'adresse même.
Lien image
Une fonctionnalité qui rend un contenu texte relativement riche, est la possibilité d'insérer des images.
Pour ce faire, il suffit d'insérer du texte avec le format suivant :
[[IMG SRC=http://www.bsdmon.com/img/bsdmonlogo.png]]
ce qui donnera

Vous pouvez faire la même chose avec
[[IMG SRC=http://www.bsdmon.com/img/bsdmonlogo.png URL=http://www.bsdmon.com]]
ce qui donnera

Ce qui permet d'ajouter un lien hypertexte sur une image.
A noter aussi, qu'un clic sur le lien s'ouvrira dans une nouvelle fenêtre, sur la majorité des navigateurs "userfriendly".
A noter que la possibilité de changer le "tooltip text" n'est pas encore implémentée ;)
Lien image Wakka
Une fonctionnalité intéressante de ce moteur Wakka est la possibilité d'insérer ses propres images, sans qu'on est besoin de faire un lien sur un site externe, hébergeant l'image.
Pour ce faire, il faut avoir uploadé une image via un formulaire d'upload d'image Wakka, sans oublier de lui donner un nom. Il en va de soi que ce nom doit être unique.
Ensuite, vous pouvez faire appel à cette image en insérant le texte suivant :
[[IMG NAME=WAKKA]]
ce qui donnera
Vous pouvez faire la même chose avec
[[IMG NAME=WAKKA URL=http://www.bsdmon.com]]
ce qui donnera
Ici, le nom de l'image s'appelle WAKKA
Page Wakka
Si vous disposez des droits suffisants, vous pouvez créer de nouvelles pages Wakka
en forçant le lien avec la format suivant [[MonLien]]
ce qui donnera
MonLien
Sachez aussi que tous les mots de votre contenu, correspondants à des noms de pages Wakka, seront automatiques transformés en lien hypertexte sur une page Wakka.
Variables serveurs
Enfin, il est possible d'utiliser les variables serveurs PHP pour récupérer, par exemple, le nom complet du "User-Agent".
Pour ceci, il faut mettre ${HTTP_USER_AGENT}
Ce qui donnera
Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
Autre exemple, pour afficher l'adresse IP de l'internaute,
il faut mettre ${REMOTE_ADDR}
Ce qui donnera
18.190.176.26