WikiSyntax.wiki
author Wuzzy
Wed, 17 Apr 2019 00:19:05 +0100
changeset 1735 4b658d116488
parent 1461 61fa80daf814
child 1736 a44311807172
permissions -rw-r--r--
Sandbox: Edited via web interface

#summary The reference to the wiki syntax for the Hedgewars Knowledge Base
= Wiki Syntax =
<wiki:toc max_depth="2" /> 

= Introduction =

This page describes the wiki syntax of the Hedgewars Knowledge Base.

Each wiki page is stored in a `.wiki` file in the [https://hg.hedgewars.org/hwkb/ hwkb repository].
There are just text files with some simple markup.
Each file's name is the same as the wiki page name.  And, each wiki file consists of optional
pragma lines followed by the content of the page.

= Pragmas =

Optional pragma lines provide metadata about the page and how it should be
displayed. These lines are only processed if they appear at the top of
the file.  Each pragma line begins with a pound-sign (#) and the
pragma name, followed by a value.

|| *Pragma*   || *Value*  ||
|| #summary   || One-line summary of the page ||
|| #labels    || Comma-separated list of labels ||

= Wiki-style markup =

== Paragraphs ==

Use one or more blank lines to separate paragraphs. 

== Typeface ==

||* Name/Sample*   || * Markup *       ||
||  _italic_       || `_italic_`       ||
||  *bold*         || `*bold*`         ||
||  `code`         || {{{`code`}}}     ||
||  {{{code}}}     || `{{{code}}}`     ||
||  ^super^script  || `^super^script`  ||
||  ,,sub,,script  || `,,sub,,script`  ||
|| ~~strikeout~~   || `~~strikeout~~`  ||

You can mix these typefaces in some ways:

||       *Markup*                    ||        *Result*                 ||
|| `_*bold* in italics_`             || _*bold* in italics_             ||
|| `*_italics_ in bold*`             || *_italics_ in bold*             ||
|| `*~~strike~~ works too*`          || *~~strike~~ works too*          ||
|| `~~as well as _this_ way round~~` || ~~as well as _this_ way round~~ ||

== Code ==

If you have a multiline code block that you want to display verbatim,
use the multiline code delimiter:

{{{
{{{
def fib(n):
  if n == 0 or n == 1:
    return n
  else:
    # This recursion is not good for large numbers.
    return fib(n-1) + fib(n-2)
}}}
}}}

Which results in:

{{{
def fib(n):
  if n == 0 or n == 1:
    return n
  else:
    # This recursion is not good for large numbers.
    return fib(n-1) + fib(n-2)
}}}

The `<code>` tag allows you to specify a file extension (note: syntax highlighting is not implemented yet):

{{{
<code language="xml">
<hello target="world"/>
</code>
}}}

The `<pre>` tag is like the code tag, but will never use syntax highlighting.

== Headings ==

{{{
= Heading =
== Subheading ==
=== Level 3 ===
==== Level 4 ====
===== Level 5 =====
====== Level 6 ======
}}}

== Dividers ==

Four or more dashes on a line by themselves results in a horizontal rule.


== Lists ==

The HWKB wiki supports both bulleted and numbered lists. A list
must be indented at least one space to be recognized as such. You can
also nest lists one within the other by appropriate use of indenting:

{{{
The following is:
  * A list
  * Of bulleted items
    # This is a numbered sublist
    # Which is done by indenting further
  * And back to the main bulleted list

 * This is also a list
 * With a single leading space
 * Notice that it is rendered
  # At the same levels
  # As the above lists.
 * Despite the different indentation levels.
}}}

The following is:
  * A list
  * Of bulleted items
    # This is a numbered sublist
    # Which is done by indenting further
  * And back to the main bulleted list

 * This is also a list
 * With a single leading space
 * Notice that it is rendered
  # At the same levels
  # As the above lists.
 * Despite the different indentation levels.

== Links ==

Links are central to the wiki principle, as they create the web of
content. The HWKB wiki permits both internal (within the wiki) and
external links, and in some cases automatically creates a link when it
recognizes either a !WikiWord or an URL.

=== Internal wiki links ===

Internal links within a wiki are created using the syntax below. If
you add a wiki link to a page that does not exist, the link will
appear with a !LittleLink[WikiSyntax ?] to project committers and
owners. Clicking that link will take you to the page creation form
where you can enter content for that page.

If you are not logged in, wiki links that point to non-existent pages
will appear as plain text, without the link to the page creation
form. When you create the target page,
the link will become a normal hyperlink for all viewers of
the page.

{{{
WikiSyntax is identified and linked automatically

Wikipage is not identified, so if you have a page named [Wikipage] you
need to link it explicitly.

If the WikiSyntax page is actually about reindeers, you can provide a
description, so that people know you are actually linking to a page on
[WikiSyntax reindeer flotillas].

If you want to mention !WikiSyntax without it being autolinked, use an
exclamation mark to prevent linking.
}}}

WikiSyntax is identified and linked automatically

Wikipage is not identified, so if you have a page named [Wikipage] you
need to link it explicitly.

If the WikiSyntax page is actually about reindeers, you can provide a
description, so that people know you are actually linking to a page on
[WikiSyntax reindeer flotillas].

If you want to mention !WikiSyntax without it being autolinked, use an
exclamation mark to prevent linking.

=== Links to anchors within a page ===

Each heading defines a HTML anchor with the same name as the heading, but with spaces replaced by underscores. You can
create a link to a specific heading on a page like this:

{{{
[WikiSyntax#Wiki-style_markup]
}}}

And it will render as: [WikiSyntax#Wiki-style_markup].

=== Links to external pages ===

You can of course link to external pages from your own wiki pages,
using a syntax similar to that for internal links:

{{{
Plain URLs such as https://www.example.org/ automatically made into links.

You can also provide some descriptive text. For example, the following
link points to the [https://www.example.org Example homepage].

If your link points to an image, it will get inserted as an image tag
into the page:

https://www.hedgewars.org/images/hwkb_example.png

You can also make the image into a link, by setting the image URL as
the description of the URL you want to link:

[https://www.hedgewars.org/ https://www.hedgewars.org/images/hwkb_example.png]
}}}

Plain URLs such as https://www.example.org/ automatically made into links.

You can also provide some descriptive text. For example, the following
link points to the [https://www.example.org Example homepage].

If your link points to an image, it will get inserted as an image tag
into the page:

https://www.hedgewars.org/images/hwkb_example.png

You can also make the image into a link, by setting the image URL as
the description of the URL you want to link:

[https://www.hedgewars.org/ https://www.hedgewars.org/images/hwkb_example.png]

=== Links to images ===

If your link points to an image (that is, if it ends in `.png`,
`.gif`, `.jpg` or `.jpeg`), it will get inserted as an image into the
page:

{{{
https://www.hedgewars.org/images/hwkb_example.png
}}}

https://www.hedgewars.org/images/hwkb_example.png

If the URL of the image does not end with a standard file name suffix such as `.png`, you may need to add a `nonsense` query string parameter to the end so that the URL ends with a supported image filename extension. For example, for the URL `https://www.hedgewars.org/images/hwkb_example_weird_suffix.foo` (which refers to a PNG image), you could write instead:

{{{
https://www.hedgewars.org/images/hwkb_example_weird_suffix.foo?nonsense=something_that_ends_with.png
}}}

https://www.hedgewars.org/images/hwkb_example_weird_suffix.foo?nonsense=something_that_ends_with.png

== Tables ==

Tables are created by entering the content of each cell separated by
{{{||}}} delimiters. You can insert other inline wiki syntax in table
cells, including typeface formatting and links.

{{{
|| *Year* || *Temperature (low)* || *Temperature (high)* ||
|| 1900 || -10 || 25 ||
|| 1910 || -15 || 30 ||
|| 1920 || -10 || 32 ||
|| 1930 || _N/A_ || _N/A_ ||
|| 1940 || -2 || 40 ||
}}}

|| *Year* || *Temperature (low)* || *Temperature (high)* ||
|| 1900 || -10 || 25 ||
|| 1910 || -15 || 30 ||
|| 1920 || -10 || 32 ||
|| 1930 || _N/A_ || _N/A_ ||
|| 1940 || -2 || 40 ||








= HTML support =
To aid in the presentation of a wiki page there is some support for HTML. HTML tags are only supported in wiki pages, not in page comments.

HTML syntax can be used in conjunction with wiki syntax, but it is recommended against doing so where possible.

The following HTML tags and attributes are currently supported:

<table border=1>
<thead><th>HTML Tag</th><th>Supported Attributes</th></thead>
<tbody>
<tr><td>a</td><td>title dir lang href</td></tr>
<tr><td>b</td><td>title dir lang</td></tr>
<tr><td>br</td><td>title dir lang</td></tr>
<tr><td>blockquote</td><td>title dir lang</td></tr>
<tr><td>code</td><td>title dir lang</td></tr>      
<tr><td>dd</td><td>title dir lang</td></tr>
<tr><td>div</td><td>title dir lang</td></tr>
<tr><td>dl</td><td>title dir lang</td></tr>      
<tr><td>dt</td><td>title dir lang</td></tr>      
<tr><td>em</td><td>title dir lang</td></tr>      
<tr><td>font</td><td>title dir lang face size color</td></tr>      
<tr><td>h1</td><td>title dir lang</td></tr>      
<tr><td>h2</td><td>title dir lang</td></tr>      
<tr><td>h3</td><td>title dir lang</td></tr>      
<tr><td>h4</td><td>title dir lang</td></tr>      
<tr><td>h5</td><td>title dir lang</td></tr>      
<tr><td>i</td><td>title dir lang</td></tr>      
<tr><td>img</td><td>title dir lang src alt border height width align</td></tr>  
<tr><td>li</td><td>title dir lang</td></tr>      
<tr><td>ol</td><td>title dir lang type start</td></tr>    
<tr><td>p</td><td>title dir lang align</td></tr>     
<tr><td>pre</td><td>title dir lang</td></tr>      
<tr><td>q</td><td>title dir lang</td></tr>      
<tr><td>s</td><td>title dir lang</td></tr>      
<tr><td>span</td><td>title dir lang</td></tr>      <tr><td>strike</td><td>title dir lang</td></tr>      <tr><td>strong</td><td>title dir lang</td></tr>      
<tr><td>sub</td><td>title dir lang</td></tr>      
<tr><td>sup</td><td>title dir lang</td></tr>  
<tr><td>table</td><td>title dir lang align valign cellspacing cellpadding border width height</td></tr>  
<tr><td>tbody</td><td>title dir lang align valign cellspacing cellpadding border width height</td></tr>  
<tr><td>td</td><td>title dir lang align valign cellspacing cellpadding border width height</td></tr>  
<tr><td>tfoot</td><td>title dir lang align valign cellspacing cellpadding border width height</td></tr>  
<tr><td>th</td><td>title dir lang align valign cellspacing cellpadding border width height</td></tr>  
<tr><td>thead</td><td>title dir lang align valign cellspacing cellpadding border width height colspan rowspan</td></tr>
<tr><td>tr</td><td>title dir lang align valign cellspacing cellpadding border width height colspan rowspan</td></tr>
<tr><td>tt</td><td>title dir lang</td></tr>      
<tr><td>u</td><td>title dir lang</td></tr>      
<tr><td>ul</td><td>title dir lang type</td></tr>     
<tr><td>var</td><td>title dir lang</td></tr>      </tbody>
</table>

== Escaping HTML Tags ==

When you want to display html tags directly on your wiki page (as opposed to rendered), you will need to escape each HTML tag. 

HTML tags can be escaped as shown in the table below:
<table border="1">
<thead><th>Markup</th><th>Result</th></thead>
<tbody>
<tr><td> {{{`<hr>`}}}</td><td>`<hr>`</td></tr>
<tr><td> `{{{<hr>}}}`</td><td>{{{<hr>}}}</td></tr>
</tbody>
</table>

= Navigation =
== Table of Contents ==

An inline table of contents can be generated from page headers on a wiki page. Add the following syntax to a page in the location the table of contents should be displayed:

{{{
<wiki:toc max_depth="1" />
}}}

Valid attributes are:
 * `max_depth`: the maximum header depth to display in the table of contents

== Side navigation ==

The sidebar is just another wiki page and defined in the special page [TableOfContents].

The side navigation that is defined should be in the format of a simple list, as shown below:

{{{
  * [Articles HOWTO articles]
    * [ArticlesXSS Web security]
    * [ArticlesDom DOM manipulation]
    * [ArticlesStyle CSS and style]
    * [ArticlesTips Tips and tricks]
  * [DOMReference DOM reference]
  * [HTMLElements HTML reference]
  * [CSSReference CSS reference]
}}}

----

_The content on this page is based on the old Google Code documentation for Google Code wikis and has been adapted and changed to fit the Hedgewars Knowledge Base. The original document by Google is licensed under the [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].  User-generated content is not included in this license._