Menu
 

> WikiKangoo > TextFormattingRules

MODE D'EMPLOI EDITION WIKI KANGOO


Avant Propos
Je cherche une bonne âme pour traduire cette page en Français, cela se fait à partir du wiki, demander le mot de passe admin à DoubleHybride.
Sommaire
  1. Création d'une nouvelle page dans le Wiki
          Les explications détaillées pour créer une nouvelle page dans le Wiki.
  2. Formatage de base du texte
          Comment formater votre texte en utilisant des fonction tel que gras et italique
  3. Using Images
          How to insert images into your pages
  4. Other Types of Formatting
          Advanced formatting including colours
  5. Alternate Labels to Links and Wiki Words
          Different ways of linking to other pages on the intranet/internet
  6. InterWiki Links
          How to link between NALWiki pages
  7. Clickable Images
          How to use images to link to other pages
  8. Utiliser les tableaux
          Comment créer des tableaux dans votre page
  9. Sample HTML
          How to use HTML in NALWiki pages.
  10. Inlining Pages From Other Sites
          How to add pages from other sites to the wiki.

Création d'une nouvelle page dans le Wiki

Retour au Sommaire

Methode 1. Ecrire un mot Wiki crée automatiquement le lien pour créer une page modifiable avec ce mot wiki. C'est Magique !

  • Editer une page (Par le bouton Edition en bas de page ou par Double Clic dans le texte de la page - Partir de la page bac à sable WikiSandBox si vous débutez ou de la FAQ pour les pro du Wiki).
  • Entez simplement un mot contenant en son milieu Wiki WikiWord " nom incluant Wiki entouré d'autres lettres sans espace"
    ( qui est accolé avec des lettres avec Majuscule -> ThisIsWikiWord ) dans la page et cliquez sur Save.
  • ou plus sophistiqué sans mot Wiki <a title="Cliquez pour créer cette page" class="NoWikiYet" href="wiki.asp?db=WikiKangoo&New=Y&a=edit&o=Nomdepagelibre">Nomdepagelibre devient un hyperlien pour créer cette nouvelle page, puis y accéder ultérieurement.
Examples:  ThisIsWikiPage 
         MyAlbumIn2005

Methode 2. Utiliser [[ and ]] pour entourez le mot qui créera une page au nom exacte de ce mot.

 Examples:  The Old Wise Man of Fantasia
            2006-02-15 Birth of my cousin

Methode 3. Utiliser [= and ] fonctionne de manière similaire à la méthode 2 mais permet de contrôler le mot du lien qui peut être différent que le nom de la page.

 Examples: Man of Fantasia
           Birth of my cousin

Formatage de base du texte

Back to Contents

Paragraphs [1]
  • Avoid indenting paragraphs.
  • Use blank lines to separate paragraphs.
  • You can use {br} to insert line break within a paragraph.

Monospace

  • Starting a line with space makes the whole line monospaced.
 This is an example of a monospaced line.

Encadré A noter la balise PRE qui met un contenu texte en le réduisant de 5% dans un fond orangé qui se voit bien

A noter la balise qui met un contenu texte en le réduisant de 5% dans un fond orangé. Il suffit d'encadrer le texte de la balise ouverture <PRE> et de fermeture </PRE>
Lists
  • This is unnumbered list using space-asterisk
  • You can also use tab-space. (If you can't type a TAB, use 8 spaces). Or better yet just use 1 space.

Numbered List example:

  1. This is numbered list using tab-colon-asterisk.
  2. You can start a line with :*
  3. or :* or 1. for lists.

 

Horizontal Line

  • Four dashes at the left margin: ----

Emphasis

  • Use doubled single-quotes ('') for emphasis (usually italics)
  • Use tripled single-quotes (''') for strong emphasis (usually bold)
  • Use five single-quotes ('), or triples within doubles, for some other emphasis
  • Use Six single-quotes, or triples within triples, to BreakUp LongBumpyWords so that they do not become Wiki Names.
  • You can also use them to separate suffixes (like 's') from Wiki Names.
  • Emphasis can be used multiple times within a line, but cannot cross line boundaries.
  • Use "-_" and "_-" for underlining.

References


Imbedded Images

Back to Contents

Note: You can upload images using the "Upload Image" link in the menu of this page, it will also auto generate the code for you to copy and paste.

  • Imbedded images preceding url with img: like this:
  img:http://c2.com/sig/wiki.gif  or image:http://c2.com/sig/wiki.gif

'''Referencing files relative to the document root. (Local reference shortcut)

  • Note: local: is not followed by slash characters. For example, writing...
  1. link local file examples
 
   writing... local:sortie-ve.htm      results to this link ->  sortie-ve.htm
   writing... local:icon.jpg      results to this link-->  icon.jpg
   If file is sub folder , simply write like this --> local:images\icons\icon.jpg 

     2. local image examples    
    
   writing... image:local:icon.jpg results to this --> 

   writing... imageleft:local:icon.jpg and  imageright:local:icon.jpg work as follows...

 


     3. local image mappable
    
Pour ceux qui maitrisent l'instruction map du html et les vecteurs area, il est préférable de ranger vos images dans le dossier /Map plutot que le dossier /IMG Un outil spécial en zone Map accessible uniquement aux utilisateurs éditeur niveau 3, permet de télécharger dans cet espace les images destinées à un usage mappable ou avancer.

Dans ce cas l'instruction d'inclusion de l'image dans une page wiki devient image:Map/image.png par exemple ou mieux pour utiliser les zones area l'insruction html native



Footnotes

  • You can use numeric and square bracket for a footnote. [2]
  • At the bottom, just add square bracket at first character of a line and the number.

Other Types of Formatting

Back to Contents
  • Three blank lines creates 1 blank line
  • '==','===','====' at the start of line creates Topic
  • Coloring text for red, green, blue and black are allowed but must be kept at minimum. Remember wiki is not about fancy presentation but more about quality content.
  • Use ">" to indent a paragraph (first level). You can also use ">>" for second level. ">>>" for third level indentation or block quote. Formerly, the pipe character '|' was used for this purpose. Pipe character is now used for tables. see below.
  • Use also {italic} or {bold} to highlight longer texts or paragraphs.
  • Precede url with image with Imageleft: or Imageright: or Imagecenter:to justify image.

Alternate Labels to Links and Wiki Words

Back to Contents
  • Use alternate label to hide URL or hyperlink like this...
 [Go to Cnn News|http://cnn.com]
yields this... Go to Cnn News !!!
  • Use alternate label to hide URL or hyperlink and open the page in a new window like this...
 [Go to Cnn News|N|http://cnn.com]
yields this... Go to Cnn News (if you click on it, it'll open a new window to browse the item in)
  • Use alternate label to hide WikiWord like this:
 Go to my Wiki homepage
yields this... Go to my Wiki homepage !!!

InterWiki Links

Back to Contents

Examples:
 [My Website=ElreySite::VacationPage]   
   -> Goes to the page VacationPage of database ElreySite using My Website as link alias.
 My Website
   -> Goes to default start page of database ElreySite using My Website as link alias. 
 [ElreySite::VacationPage]  
   -> Goes to the page VacationPage of database ElreySite using no link alias.
 ElreySite                          -> Goes to default start page of database ElreySite using no link alias.

Clickable Images

Back to Contents
  • Use same technique above to create clickable (note the space aroung the img link)
 [ img:http://c2.com/sig/wiki.gif |http://c2.com]
yields this...
 

Tables

Retour au sommaire
  • Utilisez '||' ces 2 caractères pour construire une table.
  • Chaque ligne peut avoir des couleurs différentes en utilisant '|!', '!|', or '!!' en début de ligne.
  • Ne pas remettre '||' en fin de ligne.
  • Exemple de tableau obtenu

This is Ordinary Row a New Wiki Asp Feature
This color scheme Sample One
This color scheme Sample Two
This color scheme Sample Three
Great feature

S M T W T F S
1 2 3 4 5
6 7 8 9101112
13141516171819
20212223242526
2728293031

Sample HTML

Back to Contents

If you know HTML, you can also enter it and tailor your wiki pages to your heart's desire.

This is useful for imbedding Source Code and programs. Search Google for the utility

22 <microsoft.web>

23 <converters>

24 <add type="Microsoft.Web.Script.Serialization.Converters.DataSetConverter"/>

25 <add type="Microsoft.Web.Script.Serialization.Converters.DataRowConverter"/>

26 <add type="Microsoft.Web.Script.Serialization.Converters.DataTableConverter"/>

27 converters>

28 microsoft.web>

29 <appSettings/>


 

CopySourceAsHTML is a utility that preserves syntax coloring
 

9 using System.Web.UI.WebControls.WebParts;

10 using System.Web.UI.HtmlControls;

11

12 public partial class AddData : System.Web.UI.Page {

13

14 protected void Button1_Click(object sender, EventArgs e) {

15

16 int numItemsToAdd = Int32.Parse(NumAdd.Text);

17 string categoryName = Server.HtmlDecode(Category.Text);

18

19 ListManager lists = new ListManager();

20

21 for (int i = 0; i < numItemsToAdd; i++) {


 

Collapsible Panel


5/2006 - uses the syntax [Drop#] ..

 +  View the code

Inlining Pages From Other Sites

If you'd like to display a page from a different site within your MMWiki pages, use the code below:

Note, the below area is an external site, so you will not be able to update it in the same way as the rest of the wiki

For example:

Note, the below area is an external site, so you will not be able to update it in the same way as the rest of the wiki
Yeilds this:
Note, the below area is an external site, so you will not be able to update it in the same way as the rest of the wiki



[2] A sample footnote. Clicking on this link takes you back and forth between the text and footnote.