Changes between Version 1 and Version 2 of WikiFormatting

Timestamp:

08/21/13 19:46:14 (3 years ago)

Author:

trac

Comment:

--

WikiFormatting

@@ -5 +5 @@
 
 Trac has a built in small and powerful wiki rendering engine. This wiki engine implements an ever growing subset of the commands from other popular Wikis,
-especially [http://moinmoin.wikiwikiweb.de/ MoinMoin]. 
-
-
-This page demonstrates the formatting syntax available anywhere WikiFormatting is allowed.
+especially [http://moinmo.in/ MoinMoin] and [trac:WikiCreole].
+
+
+This page will give you an in-depth explanation of the wiki markup available anywhere WikiFormatting is allowed.
+
+The ''Cheat sheet'' below gives you a quick overview for the most common syntax, each link in the ''Category'' column will lead you to the more detailed explanation later in this page.
+
+A few other wiki pages present the advanced features of the Trac wiki markup in more depth: 
+ - TracLinks covers all the possible ways to refer precisely to any Trac resource or parts thereof,
+ - WikiPageNames talks about the various names a wiki page can take, CamelCase or not
+ - WikiMacros lists the macros available for generating dynamic content,
+ - WikiProcessors and WikiHtml details how parts of the wiki text can be processed in special ways
+
+
+== Cheat sheet ==
+
+||= '''Category''' =||= '''Wiki Markup''' =||= '''Display''' =||
+|-----------------------------------------------------------
+{{{#!th rowspan=3
+[#FontStyles Font Styles]
+}}}
+|| `'''bold'''`, `''italic''`, `'''''Wikipedia style'''''` || \
+|| '''bold''', ''italic'', '''''Wikipedia style''''' ||
+|| {{{`monospaced (''other markup ignored'')`}}} || \
+|| `monospaced (''other markup ignored'')` ||
+|| `**bold**`, `//italic//`, `**//!WikiCreole style//**` || \
+|| **bold**, //italic//, **//!WikiCreole style//** ||
+|-----------------------------------------------------------
+||= [#Headings Headings] =||\
+{{{#!td 
+ {{{
+ == Level 2 ==
+ === Level 3 ^([#hn note])^
+ }}}
+}}}
+{{{#!td style="padding-left: 2em"
+== Level 2 ==
+=== Level 3 ^([#hn note])^
+}}}
+|-----------------------------------------------------------
+||= [#Paragraphs Paragraphs]  =||\
+{{{#!td
+ {{{
+ First paragraph
+ on multiple lines.
+
+ Second paragraph.
+ }}}
+}}}
+{{{#!td
+First paragraph
+on multiple lines.
+
+Second paragraph.
+}}}
+|-----------------------------------------------------------
+||= [#Lists Lists] =||\
+{{{#!td
+ {{{
+ * bullets list
+   on multiple lines
+   1. nested list
+     a. different numbering 
+        styles
+ }}}
+}}}
+{{{#!td
+* bullets list
+  on multiple lines
+  1. nested list
+    a. different numbering
+       styles
+}}}
+|-----------------------------------------------------------
+{{{#!th
+[#DefinitionLists Definition Lists]
+}}}
+{{{#!td
+ {{{
+  term:: definition on
+         multiple lines
+ }}}
+}}}
+{{{#!td
+ term:: definition on
+        multiple lines
+}}}
+|-----------------------------------------------------------
+||= [#PreformattedText Preformatted Text] =||\
+{{{#!td
+ {{{
+ {{{
+ multiple lines, ''no wiki''
+       white space respected
+ }}}
+ }}}
+}}}
+{{{#!td
+ {{{
+ multiple lines, ''no wiki''
+       white space respected
+ }}}
+}}}
+|-----------------------------------------------------------
+||= [#Blockquotes Blockquotes] =||\
+{{{#!td
+ {{{
+   if there's some leading
+   space the text is quoted
+ }}}
+}}}
+{{{#!td
+ if there's some leading
+ space the text is quoted
+}}}
+|-----------------------------------------------------------
+||= [#DiscussionCitations Discussion Citations] =||\
+{{{#!td
+ {{{
+ >> ... (I said)
+ > (he replied)
+ }}}
+}}}
+{{{#!td
+>>... (I said)
+> (he replied)
+}}}
+|-----------------------------------------------------------
+||= [#Tables Tables] =||\
+{{{#!td
+ {{{
+ ||= Table Header =|| Cell ||
+ ||||  (details below)  ||
+ }}}
+}}}
+{{{#!td
+||= Table Header =|| Cell ||
+||||  (details below)  ||
+}}}
+|-----------------------------------------------------------
+{{{#!th rowspan=2
+[#Links Links]
+}}}
+|| `http://trac.edgewall.org` ||\
+|| http://trac.edgewall.org ||
+|| `WikiFormatting (CamelCase)` ||\
+|| WikiFormatting (CamelCase) ||
+|-----------------------------------------------------------
+{{{#!th rowspan=5
+[#TracLinks TracLinks]
+}}}
+|| `wiki:WikiFormatting`, `wiki:"WikiFormatting"` ||\
+|| wiki:WikiFormatting, wiki:"WikiFormatting" ||
+|| `#1 (ticket)`, `[1] (changeset)`, `{1} (report)` ||\
+|| #1 (ticket), [1] (changeset), {1} (report) ||
+|| `ticket:1, ticket:1#comment:1` ||\
+|| ticket:1, ticket:1#comment:1 ||
+|| `Ticket [ticket:1]`, `[ticket:1ˆàticketˆàone]` ||\
+|| Ticket [ticket:1], [ticket:1 ticketˆàone] ||
+|| `Ticket [[ticket:1]]`, `[[ticket:1|ticketˆàone]]` ||\
+|| Ticket [[ticket:1]], [[ticket:1|ticketˆàone]] ||
+|-----------------------------------------------------------
+{{{#!th rowspan=2 
+[#SettingAnchors Setting Anchors]
+}}}
+|| `[=#point1 (1)] First...` ||\
+|| [=#point1 (1)] First... ||
+|| `see [#point1 (1)]` ||\
+|| see [#point1 (1)] ||
+|-----------------------------------------------------------
+{{{#!th rowspan=3
+[#Escaping Escaping Markup]
+}}}
+|| `!'' doubled quotes` ||\
+|| !'' doubled quotes ||
+|| `!wiki:WikiFormatting`, `!WikiFormatting` ||\
+|| !wiki:WikiFormatting, !WikiFormatting ||
+|| {{{`}}}`{{{-}}}`{{{`}}}` triple curly brackets` ||\
+|| `{{{-}}}` triple curly brackets ||
+|-----------------------------------------------------------
+||= [#Images Images] =|| `[[Image(`''link''`)]]` || [[Image(htdocs:../common/trac_logo_mini.png)]] ||
+|-----------------------------------------------------------
+{{{#!th rowspan=2
+[#Macros Macros]
+}}}
+|| `[[MacroList(*)]]` ||  ''(short list of all available macros)''  ||
+|| `[[Image?]]` ||  ''(help for the Image macro)''  ||
+|-----------------------------------------------------------
+||= [#Processors Processors] =||\
+{{{#!td
+ {{{
+ {{{
+ #!div style="font-size: 80%"
+ Code highlighting:
+   {{{#!python
+   hello = lambda: "world"
+   }}}
+ }}}
+ }}}
+}}}
+{{{#!td style="padding-left: 2em"
+ {{{
+ #!div style="font-size: 80%"
+ Code highlighting:
+   {{{#!python 
+   hello = lambda: "world"
+   }}}
+ }}}
+}}}
+|-----------------------------------------------------------
+||= [#Comments Comments] =||\
+{{{#!td
+ {{{
+ {{{#!comment
+ Note to Editors: ...
+ }}}
+ }}}
+}}}
+{{{#!td style="padding-left: 2em"
+ {{{#!comment
+ Note to Editors: ...
+ }}}
+}}}
+|-----------------------------------------------------------
+||= [#Miscellaneous Miscellaneous] =||\
+{{{#!td
+ {{{
+ Line [[br]] break 
+ Line \\ break
+ ----
+ }}}
+}}}
+{{{#!td style="padding-left: 2em"
+Line [[br]] break
+Line \\ break
+----
+}}}
 
 
@@ -14 +247 @@
 
 The Trac wiki supports the following font styles:
-{{{
- * '''bold''', '''!''' can be bold too''', and '''! '''
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+   * '''bold''', 
+     ''' triple quotes !''' 
+     can be bold too if prefixed by ! ''', 
+   * ''italic''
+   * '''''bold italic''''' or ''italic and
+     ''' italic bold ''' ''
+   * __underline__
+   * {{{monospace}}} or `monospace`
+     (hence `{{{` or {{{`}}} quoting)
+   * ~~strike-through~~
+   * ^superscript^ 
+   * ,,subscript,,
+   * **also bold**, //italic as well//, 
+     and **'' bold italic **'' //(since 0.12)//
+  }}}
+}}}
+{{{#!td
+ * '''bold''', 
+   ''' triple quotes !''' 
+   can be bold too if prefixed by ! ''', 
  * ''italic''
- * '''''bold italic'''''
+ * '''''bold italic''''' or ''italic and
+   ''' italic bold ''' ''
  * __underline__
  * {{{monospace}}} or `monospace`
+   (hence `{{{` or {{{`}}} quoting)
  * ~~strike-through~~
  * ^superscript^ 
  * ,,subscript,,
-}}}
-
-Display:
- * '''bold''', '''!''' can be bold too''', and '''! '''
- * ''italic''
- * '''''bold italic'''''
- * __underline__
- * {{{monospace}}} or `monospace`
- * ~~strike-through~~
- * ^superscript^ 
- * ,,subscript,,
+ * **also bold**, //italic as well//, 
+   and **'' bold italic **'' //(since 0.12)//
+}}}
 
 Notes:
  * `{{{...}}}` and {{{`...`}}} commands not only select a monospace font, but also treat their content as verbatim text, meaning that no further wiki processing is done on this text.
  * {{{ ! }}} tells wiki parser to not take the following characters as wiki format, so pay attention to put a space after !, e.g. when ending bold.
+ * all the font styles marks have to be used in opening/closing pairs, 
+   and they must nest properly (in particular, an `''` italic can't be paired 
+   with a `//` one, and `'''` can't be paired with `**`)
+
 
 == Headings ==
 
-You can create heading by starting a line with one up to five ''equal'' characters ("=")
-followed by a single space and the headline text. The line should end with a space 
-followed by the same number of ''='' characters.
-The heading might optionally be followed by an explicit id. If not, an implicit but nevertheless readable id will be generated.
+You can create heading by starting a line with one up to six ''equal'' characters ("=")
+followed by a single space and the headline text. 
+
+[=#hn]
+The headline text can be followed by the same number of "=" characters, but this is no longer mandatory.
+
+Finally, the heading might optionally be followed by an explicit id. If not, an implicit but nevertheless readable id will be generated.
+
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  = Heading =
+  == Subheading
+  === About ''this'' ===
+  === Explicit id === #using-explicit-id-in-heading
+  == Subheading #sub2
+}}}
+}}}
+{{{#!td style="padding: 1em;"
+  {{{
+  #!div
+  = Heading =
+  == Subheading
+  === About ''this'' ===
+  === Explicit id === #using-explicit-id-in-heading
+  == Subheading #sub2
+  }}}
+}}}
+
+== Paragraphs ==
+
+A new text paragraph is created whenever two blocks of text are separated by one or more empty lines.
+
+A forced line break can also be inserted, using:
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  Line 1[[BR]]Line 2
+  }}}
+  {{{
+  Paragraph
+  one
+
+  Paragraph 
+  two
+  }}}
+}}}
+{{{#!td
+  Line 1[[BR]]Line 2
+
+  Paragraph 
+  one
+
+  Paragraph 
+  two
+}}}
+
+== Lists ==
+
+The wiki supports both ordered/numbered and unordered lists.
 
 Example:
-{{{
-= Heading =
-== Subheading ==
-=== About ''this'' ===
-=== Explicit id === #using-explicit-id-in-heading
-}}}
-
-Display:
-= Heading =
-== Subheading ==
-=== About ''this'' ===
-=== Explicit id === #using-explicit-id-in-heading
-
-== Paragraphs ==
-
-A new text paragraph is created whenever two blocks of text are separated by one or more empty lines.
-
-A forced line break can also be inserted, using:
-{{{
-Line 1[[BR]]Line 2
-}}}
-Display:
-
-Line 1[[BR]]Line 2
-
-
-== Lists ==
-
-The wiki supports both ordered/numbered and unordered lists.
-
-Example:
-{{{
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+   * Item 1
+     * Item 1.1
+        * Item 1.1.1   
+        * Item 1.1.2
+        * Item 1.1.3
+     * Item 1.2
+   * Item 2
+  - items can start at the beginning of a line
+    and they can span multiple lines
+    - be careful though to continue the line 
+    with the appropriate indentation, otherwise
+  that will start a new paragraph...
+  
+   1. Item 1
+     a. Item 1.a
+     a. Item 1.b
+        i. Item 1.b.i
+        i. Item 1.b.ii
+   1. Item 2
+  And numbered lists can also be restarted
+  with an explicit number:
+   3. Item 3
+  }}}
+}}}
+{{{#!td
  * Item 1
    * Item 1.1
@@ -86 +390 @@
    * Item 1.2
  * Item 2
+- items can start at the beginning of a line
+  and they can span multiple lines
+  - be careful though to continue the line 
+  with the appropriate indentation, otherwise
+that will start a new paragraph...
 
  1. Item 1
@@ -93 +402 @@
       i. Item 1.b.ii
  1. Item 2
-And numbered lists can also be given an explicit number:
+And numbered lists can also be restarted with an explicit number:
  3. Item 3
 }}}
 
-Display:
- * Item 1
-   * Item 1.1
-      * Item 1.1.1
-      * Item 1.1.2
-      * Item 1.1.3
-   * Item 1.2
- * Item 2
-
- 1. Item 1
-   a. Item 1.a
-   a. Item 1.b
-      i. Item 1.b.i
-      i. Item 1.b.ii
- 1. Item 2
-And numbered lists can also be given an explicit number:
- 3. Item 3
-
-Note that there must be one or more spaces preceding the list item markers, otherwise the list will be treated as a normal paragraph.
-
 
 == Definition Lists ==
 
-
 The wiki also supports definition lists.
 
-Example:
-{{{
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+   llama::
+     some kind of mammal, with hair
+   ppython::
+     some kind of reptile, without hair
+     (can you spot the typo?)
+  }}}
+}}}
+{{{#!td
  llama::
    some kind of mammal, with hair
@@ -132 +429 @@
 }}}
 
-Display:
- llama::
-   some kind of mammal, with hair
- ppython::
-   some kind of reptile, without hair
-   (can you spot the typo?)
-
 Note that you need a space in front of the defined term.
 
@@ -146 +436 @@
 Block containing preformatted text are suitable for source code snippets, notes and examples. Use three ''curly braces'' wrapped around the text to define a block quote. The curly braces need to be on a separate line.
   
-Example:
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  {{{
+  def HelloWorld():
+      print '''Hello World'''
+  }}}
+  }}}
+}}}
+{{{#!td
+  {{{
+  def HelloWorld():
+      print '''Hello World'''
+  }}}
+}}}
+
+Note that this kind of block is also used for selecting lines that should be processed through WikiProcessors.
+
+== Blockquotes ==
+
+In order to mark a paragraph as blockquote, indent that paragraph with two spaces.
+
+||= Wiki Markup =||= Display =||
+{{{#!td
 {{{
- {{{
-  def HelloWorld():
-      print "Hello World"
- }}}
-}}}
-
-Display:
-{{{
- def HelloWorld():
-     print "Hello World"
-}}}
-
-
-== Blockquotes ==
-
-In order to mark a paragraph as blockquote, indent that paragraph with two spaces.
-
-Example:
-{{{
+Paragraph
   This text is a quote from someone else.
 }}}
-
-Display:
+}}}
+{{{#!td
+Paragraph
   This text is a quote from someone else.
+}}}
 
 == Discussion Citations ==
@@ -177 +474 @@
 To delineate a citation in an ongoing discussion thread, such as the ticket comment area, e-mail-like citation marks (">", ">>", etc.) may be used.  
 
-Example:
-{{{
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  >> Someone's original text
+  > Someone else's reply text
+  >  - which can be any kind of Wiki markup
+  My reply text
+  }}}
+}}}
+{{{#!td
 >> Someone's original text
 > Someone else's reply text
+>  - which can be any kind of Wiki markup
 My reply text
 }}}
 
-Display:
->> Someone's original text
-> Someone else's reply text
-My reply text
-
-''Note: Some WikiFormatting elements, such as lists and preformatted text, are  lost in the citation area.  Some reformatting may be necessary to create a clear citation.''
 
 == Tables ==
-
+=== Simple Tables ===
 Simple tables can be created like this:
-{{{
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  ||Cell 1||Cell 2||Cell 3||
+  ||Cell 4||Cell 5||Cell 6||
+  }}}
+}}}
+{{{#!td style="padding: 2em;"
 ||Cell 1||Cell 2||Cell 3||
 ||Cell 4||Cell 5||Cell 6||
 }}}
 
-Display:
-||Cell 1||Cell 2||Cell 3||
-||Cell 4||Cell 5||Cell 6||
-
-Note that more complex tables can be created using
-[wiki:WikiRestructuredText#BiggerReSTExample reStructuredText].
+Cell headings can be specified by wrapping the content in a pair of '=' characters.
+Note that the '=' characters have to stick to the cell separators, like this:
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  ||        ||= stable =||= latest =||
+  ||= 0.10 =||  0.10.5  || 0.10.6dev||
+  ||= 0.11 =||  0.11.6  || 0.11.7dev||
+  }}}
+}}}
+{{{#!td style="padding: 2em;"
+||        ||= stable =||= latest =||
+||= 0.10 =||  0.10.5  || 0.10.6dev||
+||= 0.11 =||  0.11.6  || 0.11.7dev||
+}}}
+
+Finally, specifying an empty cell means that the next non empty cell will span the empty cells. For example:
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  || 1 || 2 || 3 ||
+  |||| 1-2 || 3 ||
+  || 1 |||| 2-3 ||
+  |||||| 1-2-3 ||
+  }}}
+}}}
+{{{#!td style="padding: 2em;"
+|| 1 || 2 || 3 ||
+|||| 1-2 || 3 ||
+|| 1 |||| 2-3 ||
+|||||| 1-2-3 ||
+}}}
+
+Note that if the content of a cell "sticks" to one side of the cell and only one, then the text will be aligned on that side. Example:
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  ||=Text =||= Numbers =||
+  ||left align    ||        1.0||
+  ||  center      ||        4.5||
+  ||      right align||     4.5||
+  || default alignment ||   2.5||
+  ||default||         2.5||
+  ||  default ||      2.5||
+  || default ||       2.5||
+  }}}
+}}}
+{{{#!td style="padding: 2em;"
+||=Text =||= Numbers =||
+||left align    ||        1.0||
+||  center      ||        4.5||
+||      right align||     4.5||
+|| default alignment ||   2.5||
+||default||         2.5||
+||  default ||      2.5||
+|| default ||       2.5||
+}}}
+
+If contrary to the example above, the cells in your table contain more text, it might be convenient to spread a table row over multiple lines of markup. The `\` character placed at the end of a line after a cell separator tells Trac to not start a new row for the cells on the next line.
+
+||= Wiki Markup =||
+{{{#!td
+  {{{
+  || this is column 1 [http://trac.edgewall.org/newticket new ticket] || \
+  || this is column 2 [http://trac.edgewall.org/roadmap the road ahead] || \
+  || that's column 3 and last one ||
+  }}}
+}}}
+|-------------
+||= Display =||
+{{{#!td style="padding: 2em;"
+|| this is column 1 [http://trac.edgewall.org/newticket new ticket] || \
+|| this is column 2 [http://trac.edgewall.org/roadmap the road ahead] || \
+|| that's column 3 and last one ||
+}}}
+
+=== Complex Tables ===
+
+If the possibilities offered by the simple "pipe"-based markup for tables described above are not enough for your needs, you can create more elaborated tables by using [#Processors-example-tables WikiProcessor based tables].
 
 
@@ -211 +591 @@
 Hyperlinks are automatically created for WikiPageNames and URLs. !WikiPageLinks can be disabled by prepending an exclamation mark "!" character, such as {{{!WikiPageLink}}}.
 
-Example:
-{{{
- TitleIndex, http://www.edgewall.com/, !NotAlink
-}}}
-
-Display:
- TitleIndex, http://www.edgewall.com/, !NotAlink
-
-Links can be given a more descriptive title by writing the link followed by a space and a title and all this inside square brackets.  If the descriptive title is omitted, then the explicit prefix is discarded, unless the link is an external link. This can be useful for wiki pages not adhering to the WikiPageNames convention.
-
-Example:
-{{{
- * [http://www.edgewall.com/ Edgewall Software]
- * [wiki:TitleIndex Title Index]
- * [wiki:ISO9000]
-}}}
-
-Display:
- * [http://www.edgewall.com/ Edgewall Software]
- * [wiki:TitleIndex Title Index]
- * [wiki:ISO9000]
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  TitleIndex, http://www.edgewall.com/, !NotAlink
+  }}}
+}}}
+{{{#!td
+TitleIndex, http://www.edgewall.com/, !NotAlink
+}}}
+
+Links can be given a more descriptive title by writing the link followed by a space and a title and all this inside square brackets. 
+If the descriptive title is omitted, then the explicit prefix is discarded, unless the link is an external link. This can be useful for wiki pages not adhering to the WikiPageNames convention.
+
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+   * [http://www.edgewall.com Edgewall Software]
+   * [wiki:TitleIndex Title Index] 
+   * [wiki:TitleIndex] 
+   * [wiki:ISO9000]
+  }}}
+}}}
+{{{#!td
+   * [http://www.edgewall.com Edgewall Software]
+   * [wiki:TitleIndex Title Index] 
+   * [wiki:TitleIndex] 
+   * [wiki:ISO9000]
+}}}
+
+Following the [trac:WikiCreole] trend, the descriptive title can also be specified by writing the link followed by a pipe ('|') and a title and all this inside //double// square brackets. 
+
+{{{#!td
+  {{{
+   * [[http://www.edgewall.com|Edgewall Software]]
+   * [[wiki:TitleIndex|Title Index]]
+     or even [[TitleIndex|Title Index]]
+   * [[wiki:TitleIndex]]
+     ''' but not ![[TitleIndex]]! '''
+   * [[ISO9000]]
+  }}}
+}}}
+{{{#!td
+   * [[http://www.edgewall.com|Edgewall Software]]
+   * [[wiki:TitleIndex|Title Index]]
+     or even [[TitleIndex|Title Index]]
+   * [[wiki:TitleIndex]]
+     ''' but not ![[TitleIndex]]! '''
+   * [[ISO9000]]
+}}}
+
+'''Note''': the [trac:WikiCreole] style for links is quick to type and
+certainly looks familiar as it's the one used on Wikipedia and in many
+other wikis. Unfortunately it conflicts with the syntax for [#Macros macros].
+So in the rare case when you need to refer to a page which is named after
+a macro (typical examples being TitleIndex, InterTrac and InterWiki), 
+by writing `[[TitleIndex]]` you will actually call the macro instead of linking
+to the page.
 
 == Trac Links ==
 
 Wiki pages can link directly to other parts of the Trac system. Pages can refer to tickets, reports, changesets, milestones, source files and other Wiki pages using the following notations:
-{{{
- * Tickets: #1 or ticket:1
- * Reports: {1} or report:1
- * Changesets: r1, [1] or changeset:1
- * ...
-}}}
-
-Display:
+
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+   * Tickets: #1 or ticket:1
+   * Reports: {1} or report:1
+   * Changesets: r1, [1] or changeset:1
+   * ...
+   * targeting other Trac instances, 
+     so called InterTrac links:
+     - Tickets: #Trac1 or Trac:ticket:1
+     - Changesets: [Trac1] or Trac:changeset:1
+  }}}
+}}}
+{{{#!td
  * Tickets: #1 or ticket:1
  * Reports: {1} or report:1
  * Changesets: r1, [1] or changeset:1
  * ... 
-
-There are many more flavors of Trac links, see TracLinks for more in-depth information.
-
-
-== Escaping Links and WikiPageNames ==
+ * targeting other Trac instances, 
+   so called InterTrac links:
+   - Tickets: #Trac1 or Trac:ticket:1
+   - Changesets: [Trac1] or Trac:changeset:1
+}}}
+
+There are many more flavors of Trac links, see TracLinks for more in-depth information and a reference for all the default link resolvers.
+
+
+== Setting Anchors ==
+
+An anchor, or more correctly speaking, an [http://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.1 anchor name] can be added explicitly at any place in the Wiki page, in order to uniquely identify a position in the document:
+
+{{{
+[=#point1]
+}}}
+
+This syntax was chosen to match the format for explicitly naming the header id [#Headings documented above]. For example:
+{{{
+== Long title == #title
+}}}
+
+It's also very close to the syntax for the corresponding link to that anchor:
+{{{
+[#point1]
+}}}
+
+Optionally, a label can be given to the anchor:
+{{{
+[[=#point1 '''Point 1''']]
+}}}
+
+||= Wiki Markup =||= Display =||
+|----------------------------------
+{{{#!td
+  {{{
+  [#point2 jump to the second point]
+
+  ...
+
+  Point2:  [=#point2] Jump here
+  }}}
+}}}
+{{{#!td
+  [#point2 jump to the second point]
+
+  ...
+
+  Point2:  [=#point2] Jump here
+}}}
+
+For more complex anchors (e.g. when a custom title is wanted), one can use the Span macro, e.g. `[[span(id=point2, class=wikianchor, title=Point 2, ^(2)^)]]`.
+
+
+== Escaping Links, WikiPageNames and other Markup == #Escaping
 
 You may avoid making hyperlinks out of TracLinks by preceding an expression with a single "!" (exclamation mark).
 
-Example:
-{{{
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+   !NoHyperLink
+   !#42 is not a link
+  }}}
+  {{{
+Various forms of escaping for list markup:
+ `-` escaped minus sign \\
+ ``1. escaped number  \\
+ {{{*}}} escaped asterisk sign
+  }}}
+}}}
+{{{#!td
  !NoHyperLink
  !#42 is not a link
-}}}
-
-Display:
- !NoHyperLink
- !#42 is not a link
-
+
+Various forms of escaping for list markup:
+ `-` escaped minus sign \\
+ ``1. escaped number  \\
+ {{{*}}} escaped asterisk sign
+}}}
 
 == Images ==
@@ -276 +761 @@
  * `[[Image(wiki:WikiFormatting:picture.gif)]]` (referring to attachment on another page)
  * `[[Image(ticket:1:picture.gif)]]` (file attached to a ticket)
- * `[[Image(htdocs:picture.gif)]]` (referring to a file inside project htdocs)
+ * `[[Image(htdocs:picture.gif)]]` (referring to a file inside the [TracEnvironment environment] `htdocs` directory)
  * `[[Image(source:/trunk/trac/htdocs/trac_logo_mini.png)]]` (a file in repository)
 
-Example display: [[Image(htdocs:../common/trac_logo_mini.png)]]
-
-See WikiMacros for further documentation on the `[[Image()]]` macro.
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  [[Image(htdocs:../common/trac_logo_mini.png)]]
+  }}}
+}}}
+{{{#!td
+[[Image(htdocs:../common/trac_logo_mini.png)]]
+}}}
+
+See WikiMacros for further documentation on the `[[Image()]]` macro, which has several useful options (`title=`, `link=`, etc.)
 
 
@@ -288 +781 @@
 Macros are ''custom functions'' to insert dynamic content in a page.
 
-Example:
-{{{
- [[RecentChanges(Trac,3)]]
-}}}
-
-Display:
- [[RecentChanges(Trac,3)]]
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  [[RecentChanges(Trac,3)]]
+  }}}
+}}}
+{{{#!td style="padding-left: 2em"
+[[RecentChanges(Trac,3)]]
+}}}
 
 See WikiMacros for more information, and a list of installed macros.
+
+The detailed help for a specific macro can also be obtained more directly by appending a "?" to the macro name.
+
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  [[MacroList?]]
+  }}}
+}}}
+{{{#!td style="padding-left: 2em"
+[[MacroList?]]
+}}}
 
 
@@ -304 +811 @@
 [wiki:WikiRestructuredText reStructuredText] or [wiki:WikiHtml HTML]. 
 
-Example 1:
-{{{
-#!html
-<pre class="wiki">{{{
-#!html
-&lt;h1 style="text-align: right; color: blue"&gt;HTML Test&lt;/h1&gt;
-}}}</pre>
-}}}
-
-Display:
+||= Wiki Markup =||= Display =||
+|--------------------------------------------------------
+{{{#!td align="center" colspan=2 style="border: 0px; font-size: 90%"
+
+   [=#Processors-example-html Example 1:] HTML
+
+}}}
+|--------------------------------------------------------
+{{{#!td style="border: 0px"
+  {{{
+  {{{
+  #!html
+  <h1 style="text-align: right; color: blue">
+   HTML Test
+  </h1>
+  }}}
+  }}}
+}}}
+{{{#!td valign="top"  style="border: 0px"
+
 {{{
 #!html
@@ -319 +836 @@
 }}}
 
-Example:
+}}}
+|--------------------------------------------------------
+{{{#!td align="center" colspan=2 style="border: 0px; font-size: 90%"
+
+   [=#Processors-example-highlight Example 2:] Code Highlighting
+
+}}}
+|--------------------------------------------------------
+{{{#!td style="border: 0px"
+  {{{
+  {{{
+  #!python
+  class Test:
+  
+      def __init__(self):
+          print "Hello World"
+  if __name__ == '__main__':
+     Test()
+  }}}
+  }}}
+}}}
 {{{
-#!html
-<pre class="wiki">{{{
-#!python
-class Test:
-
-    def __init__(self):
-        print "Hello World"
-if __name__ == '__main__':
-   Test()
-}}}</pre>
-}}}
-
-Display:
+#!td valign="top"  style="border: 0px"
+
 {{{
 #!python
@@ -343 +869 @@
 }}}
 
-Perl:
+}}}
+|--------------------------------------------------------
+{{{#!td align="center" colspan=2 style="border: 0px; font-size: 90%"
+
+       [=#Processors-example-tables Example 3:] Complex Tables
+
+}}}
+|--------------------------------------------------------
+{{{#!td style="border: 0px"
+  {{{
+  {{{#!th rowspan=4 align=justify
+  With the `#td` and `#th` processors,
+  table cells can contain any content:
+  }}}
+  |----------------
+  {{{#!td
+    - lists
+    - embedded tables
+    - simple multiline content
+  }}}
+  |----------------
+  {{{#!td
+  As processors can be easily nested, 
+  so can be tables:
+    {{{#!th
+    Example:
+    }}}
+    {{{#!td style="background: #eef"
+    || must be at the third level now... ||
+    }}}
+  }}}
+  |----------------
+  {{{#!td
+  Even when you don't have complex markup,
+  this form of table cells can be convenient
+  to write content on multiple lines.
+  }}}
+  }}}
+}}}
 {{{
-#!perl
-my ($test) = 0;
-if ($test > 0) {
-    print "hello";
-}
+#!td  valign="top"  style="border: 0px"
+
+  {{{#!th rowspan=4 align=justify
+  With the `#td` and `#th` processors,
+  table cells can contain any content:
+  }}}
+  |----------------
+  {{{#!td
+    - lists
+    - embedded tables
+    - simple multiline content
+  }}}
+  |----------------
+  {{{#!td
+  As processors can be easily nested, 
+  so can be tables:
+    {{{#!th
+    Example:
+    }}}
+    {{{#!td style="background: #eef"
+    || must be at the third level now... ||
+    }}}
+  }}}
+  |----------------
+  {{{#!td
+  Even when you don't have complex markup,
+  this form of table cells can be convenient
+  to write content on multiple lines.
+  }}}
+
 }}}
 
@@ -358 +947 @@
 
 Comments can be added to the plain text. These will not be rendered and will not display in any other format than plain text.
-{{{
-{{{
-#!comment
-Your comment here
-}}}
-}}}
-
+
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  Nothing to
+  {{{
+  #!comment
+  Your comment for editors here
+  }}}
+  see ;-)
+  }}}
+}}}
+{{{#!td
+  Nothing to
+  {{{
+  #!comment
+  Your comment for editors here
+  }}}
+  see ;-)
+}}}
 
 == Miscellaneous ==
 
-Four or more dashes will be replaced by a horizontal line (<HR>)
-
-Example:
-{{{
- ----
-}}}
-
-Display:
+An horizontal line can be used to separated different parts of your page:
+
+||= Wiki Markup =||= Display =||
+{{{#!td
+  {{{
+  Four or more dashes will be replaced 
+  by an horizontal line (<HR>)
+  ----
+  See?
+  }}}
+}}}
+{{{#!td
+Four or more dashes will be replaced
+by an horizontal line (<HR>)
 ----
-
-
-
-----
-See also: TracLinks, TracGuide, WikiHtml, WikiMacros, WikiProcessors, TracSyntaxColoring.
+See?
+}}}
+|----------------------------------
+{{{#!td
+  {{{
+  "macro" style [[br]] line break
+  }}}
+}}}
+{{{#!td
+"macro" style [[br]] line break
+}}}
+|----------------------------------
+{{{#!td
+  {{{
+  !WikiCreole style \\ line\\break
+  }}}
+}}}
+{{{#!td
+!WikiCreole style \\ line\\break
+}}}
+