Guide des règles de mise en page WikiNiMST

Lorsque vous éditez une page du WikiniMST? il apparaît un menu au haut de la zone d'édition. Ce menu vous offre la possibilité d'appliquer les codes de mise en page à du texte sélectionné. La barre d'édition ne fonctionne pas en IE sous Mac OS X. Mozilla Firefox, Camino et Safari offrent cette possibilité sous Mac OS X.

Vous pouvez effectuer vos propres test dans le BacASable :
c'est un endroit fait pour ça.


Règles de base


**Texte en gras !** -----> Texte en gras !

//Texte en italique.// -----> Texte en italique.

Texte __souligné__ ! -----> Texte souligné !

##texte à espacement fixe## -----> texte à espacement fixe

@@Texte biffé ! @@ ----> Texte biffé !


Quelques codes maisons ajoutés

 

~~En surbrillance~~ -----> En surbrillance

#B# En bleu ! #B# -----> En bleu !

#R# En rouge ! #R# -----> En rouge !

#V# En vert ! #V# -----> En vert !

#C# Centré ! #C#

::: Cadre pointillé ! ::: --->Cadre pointillé !


En-têtes

 

Petit en-tête
== Petit en-tête == (2 "=" de chaque coté)

En-tête normal

=== En-tête normal === (3 "=" de chaque coté)
Est ± égal à deux paires d'astérisques, *.

En-tête gros

==== En-tête gros ==== (4 "=" de chaque coté)

En-tête très gros

===== En-tête très gros ===== (5 "=" de chaque coté)

En-tête énorme

====== En-tête énorme ====== (6 "=" de chaque coté)


Espaces - Tabulation - Saut de ligne

 

  • L'indentation de textes se fait avec la touche "Espace".
  • Ligne horizontale : -----
  • Retour de ligne forcé : ---
  • Tout texte placé entre deux guillemets doubles - " - est présenté tel quel et le code html sera interprété.



  • On peur insérer une fenêtre de code
%%code%%
%%(php) PHP code%%


Dans un WiKi WikiNi MST
le texte écrit entre deux paires de "%" comme ceci :
%%
apparaît dans une fenêtre comme celle qui suit.
%%
Par ailleurs, les //codes WikiNi// tapés à l'édition, à l'intérieur de **deux paires** de guillemets doubles, comme dans cette phrase, @@ne formatent pas@@ le texte ; ainsi, on les voit dans la __p@ge WiKi éditée__ .



Parallèlement, si, à l'édition,
hors d'une paire de <i>guillemets doubles</i>,
comme dans cette <u>phrase-ci</u>,
vous écrivez des <b>codes HTML</b>,
vous les verrez dans la p@ge publiée,
car <s>ils ne sont pas interprétés par votre navigateur</s> :




Listes

 

Vous pouvez aussi créer des listes à puces ou numérotées :
- liste à puce
1) liste numérotée (chiffres arabes)
A) liste numérotée (capitales alphabétiques)
a) liste numérotée (minuscules alphabétiques)
i) liste numérotée (chiffres romains)


Hyperliens - Nouvelle Pages


http://www.mon-site.org -> lien directement copié dans la page sera cliquable.
[[http://www.mon-site.org Mon-site]] -> Si on veut modifier le texte cliquable.

Créer une nouvelle page WikiNi? [[NomDeLaPageWiki Nom visible de la page Wiki]] -> Nom visible de la page Wiki? (LeNomPage? doit contenir au moins 2 majuscules séparées par des minuscules, pas d'accents no espace).


Action lien : {{lien url="http://lien.com" texte="Texte du lien" titre="Titre du lien" image="http://lienversimage"}} Permet d'afficher un titre à un lien ou encore de mettre une image au lieu du texte.
Exemple : P@ge d'accueil du Wikini MST


Lien dans une boite:

Lien-infobulle:
  • {{infobulle mot="mot à infobuller" titre="Titre de la bulle" texte="texte de l'infobulle" lien="http://recitmst.qc.ca/wikinimst/"}} donne mot à infobullerTitre de la bulle
  • Note: Le titre et le lien sont facultatif si on ne veut que mettre du texte dans la bulle.

Présentation


Grâce à la balise #D# vous pouvez créer une présentation web. Voir les sources de cette page pour plus de détails.

Pour que les titres des diapos s'affichent dans le menu déroulant, on doit faire #D#======Titre====== sur une seule ligne.


Ancres - Table des matière

 

Pour les pages longues, il peut être intéressant de pouvoir naviguer dans la page à l'aide d'ancres. Voici comment gérer les ancres dans une page.
On utilise entre autre ceci: {{indiquer ici="haut" bas="bas" voir="milieu" Texte="Du texte..."}}

On peut aussi créer une table des matière automatiquement sur base des entêtes. Voir la page Table des matières



Note de bas de page - «Post-it»

 

Une note: {{note texte="On peut écrire une petite note qui apparaîtra à droite de la page. Le code **wiki** [[http://recitmst.qc.ca sera]] interprété."}} Si on veut changer le nom de la note on insère ceci dans la commande: titre="autre titre"
Note
On peut écrire une petite note qui apparaîtra à droite de la page. Le code wiki sera interprété.


Des notes de bas de page (nbp) peuvent être utile pour clarifier une phrase. Voici comment insérer une note: {{nbp note="Voici la note"}} et comment faire afficher les notes au bas de la page: {{nbp/disp}} Voir un exemple.



Tableaux

Première version (séparateur = [| |] - |1|2|3| )

 
La page officielle du développeur (inaccessible)

[|
!style="background:red"!|cellule1|cellule2|cellule3|
|cellule1|cellule2|[[PageAccueil cellule3]]|
|]


Donne

cellule1 cellule2 cellule3
cellule1 cellule2 cellule3?


Plus d'exemple ici

Tableau simple pour exportation en csv ( || || - 1;2;3 )

 

||
Titre 1;Titre 2;Titre 3
1;2;3
4;5;6
7;8;9
||

donne
Titre 1 Titre 2 Titre 3
1 2 3
4 5 6
7 8 9



On peut télécharger le fichier csv en utilisant le bouton sous le tableau.


Tableau plus simple à construire ( |> <| - 1->;->2->;->3)

 

Note: le «;» délimite les colonnes et une ligne vide délimite les lignes.
|>
Colonne 1
;
Colonne 2
;
Colonne 3


Plus simple
;
On peu mieux voir
;
Ce qui se passe en mode édition


On cherche
;
moins
;
où sont les données

<|

donne

Colonne 1 Colonne 2 Colonne 3
Plus simple
On peu mieux voir

Ce qui se passe en mode édition
On cherche
moins

où sont les données



Lier un document à une page

 

Note du webmestre: nous surveillons notre serveur de près, n'utilisez pas cette option sans but pédagogique SVP. Nous supprimerons tous fichiers inconnus.

  • Attacher un fichier: {{attacher fichier="fichier.ext"}}
  • Attacher un fichier avec une description {{attacher fichier="fichier.ext" description="Nom du fichier"}}
  • Pour voir les fichiers liés à une page (vous devez être propriétaire de la page), insérez {{attachfm}} quelque part dans la page.

En fonction du type de fichier que vous attachez, il peut exister des paramètres et des actions propre à ce type:


Vous pouvez aussi utiliser la Barre d'édition



Formules mathématiques

 

Pour en savoir plus sur l'utilisation de TeX pour la construction de formules

On doit baliser une formule TeX avec "\( " et "\) ".
ie: \( 'FormuleTEX' \)


Exemple: \( \left|\sum_{i=1}^n a_ib_i^2\right| \) donne
", "<" ), array( "&", """, ">", "<" ), $in ); } } if (!function_exists("linkToMathImage")) { function linkToMathImage ($wgMathPath, $tex, $outputhash ) { global $wiki; return "config["ghostscript_png_ext"] ."\" alt=\"".wfEscapeHTML($tex)."\" />"; } } if (!function_exists("renderMath")) { function renderMath( $tex ) { global $wiki; $mf = "math_failure"; $munk = "math_unknown_error"; $math_dir_url = $wiki->config["math_dir_url"]; $math_dir_sys = $wiki->config["math_dir_sys"]; $math_tmp_dir = $wiki->config["math_tmp_dir"]; $math_inputenc = $wiki->config["math_inputenc"]; $math_render_type = $wiki->config["math_render_type"]; /* 0 : "Toujours produire une image PNG", 1 : "HTML si tres simple, autrement PNG", 2 : "HTML si possible, autrement PNG", 3 : "Laisser le code TeX original", 4 : "Pour les navigateurs modernes" (mathml) */ if ($math_render_type == 3) return ('$ '.wfEscapeHTML($tex).' $'); $md5 = md5($tex); $md5_sql = mysql_escape_string(pack("H32", $md5)); if ($math_render_type == 0) $sql = "SELECT math_outputhash FROM ".$wiki->config["table_prefix"] ."math WHERE math_inputhash = '".$md5_sql."'"; else $sql = "SELECT math_outputhash,math_html_conservativeness,math_html FROM ".$wiki->config["table_prefix"]."math WHERE math_inputhash = '".$md5_sql."'"; $res = $wiki->Query($sql); if( $rpage = mysql_fetch_object( $res ) ) { $outputhash = unpack( "H32md5", $rpage->math_outputhash . " " ); $outputhash = $outputhash ['md5']; if( file_exists( "$math_dir_sys/$outputhash" .$wiki->config["ghostscript_png_ext"] ) ) { if (($math_render_type == 0) || ($rpage->math_html == '') || (($math_render_type == 1) && ($rpage->math_html_conservativeness != 2)) || (($math_render_type == 4) && ($rpage->math_html_conservativeness == 0))) return linkToMathImage ( $wiki->config["math_dir_url"], $tex, $outputhash ); else { return $rpage->math_html; } } } $cmd = $wiki->config["math_texvc_path"]." " .escapeshellarg($math_tmp_dir)." " .escapeshellarg($math_dir_sys)." " .escapeshellarg($tex)." ".escapeshellarg($math_inputenc); # echo $cmd; $contents = `$cmd`; if (strlen($contents) == 0) return "".$mf." (".$munk." 1): ".wfEscapeHTML($tex).""; $retval = substr ($contents, 0, 1); if (($retval == "C") || ($retval == "M") || ($retval == "L")) { if ($retval == "C") $conservativeness = 2; else if ($retval == "M") $conservativeness = 1; else $conservativeness = 0; $outdata = substr ($contents, 33); $i = strpos($outdata, "\000"); $outhtml = substr($outdata, 0, $i); $mathml = substr($outdata, $i+1); $sql_html = "'".mysql_escape_string($outhtml)."'"; $sql_mathml = "'".mysql_escape_string($mathml)."'"; } else if (($retval == "c") || ($retval == "m") || ($retval == "l")) { $outhtml = substr ($contents, 33); if ($retval == "c") $conservativeness = 2; else if ($retval == "m") $conservativeness = 1; else $conservativeness = 0; $sql_html = "'".mysql_escape_string($outhtml)."'"; $mathml = ''; $sql_mathml = 'NULL'; } else if ($retval == "X") { $outhtml = ''; $mathml = substr ($contents, 33); $sql_html = 'NULL'; $sql_mathml = "'".mysql_escape_string($mathml)."'"; $conservativeness = 0; } else if ($retval == "+") { $outhtml = ''; $mathml = ''; $sql_html = 'NULL'; $sql_mathml = 'NULL'; $conservativeness = 0; } else { if ($retval == "E") $errmsg = wfMsg( "math_lexing_error" ); else if ($retval == "S") $errmsg = wfMsg( "math_syntax_error" ); else if ($retval == "F") $errmsg = wfMsg( "math_unknown_function" ); else $errmsg = $munk." ".$retval; return "

".$mf." (".$errmsg.substr($contents, 1)."): " .wfEscapeHTML($tex)."

"; } $outmd5 = substr ($contents, 1, 32); if (!preg_match("/^[a-f0-9]{32}$/", $outmd5)) return "".$mf." (".$munk." 3): ".wfEscapeHTML($tex).""; $outmd5_sql = mysql_escape_string(pack("H32", $outmd5)); $sql = "REPLACE INTO ".$wiki->config["table_prefix"]."math VALUES ('" .$md5_sql."', '".$outmd5_sql."', ".$conservativeness.", ".$sql_html .", ".$sql_mathml.")"; $res = $wiki->Query($sql); # we don't really care if it fails if (($math_render_type == 0) || ($rpage->math_html == '') || (($math_render_type == 1) && ($conservativeness != 2)) || (($math_render_type == 4) && ($conservativeness == 0))) return linkToMathImage($wiki->config["math_dir_url"], $tex, $outmd5); else return $outhtml; } } echo renderMath($text); ?>


Vous pouvez vous entrainer ici

Principe: WikiniMST? convertit les formules TEX en image png. Vous pouvez copier les images et les insérer dans un autre logiciel (SPIP, OpenOffice?.org, etc).

Vous pouvez effectuer vos propres test dans le BacASable :
c'est un endroit fait pour ça.

 
Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]
 
IMP :: RSS :: HTML :: TXT :: Clone :: Historique :: Propriétaire : NobboT ::