Revision [23352]

This is an old revision of FormattingRules made by WikkaInstaller on 2012-08-21 11:03:48.

 

Wikka Formatting Guide


General Guidelines

If a markup sequence is not in these guidelines, then it is not officially supported. Use caution when implementing markup that is not officially supported by this document, as undocumented functionality may change with version updates.

Unless otherwise stated in these guidelines, all markup is line based, that is, a newline character should not intervene. These are identified as 'inline' markup.
 

Escaping Markup


Anything between 2 sets of double-quotes is not formatted. This is the equivalent of escaping a character(s):

**two bold ""**"" stars**
two bold ** stars
In this case, the second set of ** (escaped) stars will be ignored, i.e., will not terminate the bold markup.

You can also use double-quote escaping to avoid linking of CamelCase words, e.g.
""WikiWord"" is not parsed as a link
WikiWord is not parsed as a link
 

1. Text Formatting


**I'm bold**
I'm bold
 
//I'm italic text!//
I'm italic text!
 
__And I'm underlined!__
And I'm underlined!
 
##Monospace text##
Monospace text
 
''Highlighted text'' (using 2 single quotes)
Highlighted text
 
++Strike through text++
Strike through text
 
££Text insertion££
Text insertion
 
¥¥Text deletion¥¥
Text deletion
 
#%Press any key#%
Press any key
 
@@Center text@@
Center text

 
Elides (hides) content from displaying. Eliminates trailing whitespace so there are no unsightly gaps in output. Useful for commenting Wikka markup.
/*Elided content (eliminates trailing whitespace)*/
<--there was a comment here followed by whitespace in the markup
 
Elides (hides) content from displaying. Preserves trailing
whitespace (note the gap).
``Elided content (preserves trailing whitespace)``


<--there was a comment here followed by ws in the markup
 

2. Headers


Use between six = (for the biggest header) and two = (for the smallest header) on both sides of a text to render it as a header.

======Really big header======
 
=====Rather big header=====
 
====Medium header====
 
===Not-so-big header===
 
==Smallish header==
 

3. Horizontal separator

----



4. Forced line break


Line 1---Line 2

Line 1
Line 2

5. Lists and indents


You can indent text using a tilde (~), a tab, or four spaces (which will auto-convert into a tab).
~This text is indented
~~This text is double-indented
    This text is also indented
 
This text is indented
This text is double-indented
This text is also indented
 

To create bulleted/ordered lists, use the following markup (you can always use 4 spaces instead of a tilde):

Bulleted lists

~- Line one
~- Line two
 
  • Line one
  • Line two
 

Numbered lists

~1) Line one
~1) Line two
 
  1. Line one
  2. Line two
 

Ordered lists using uppercase characters

~A) Line one
~A) Line two
 
  1. Line one
  2. Line two
 

Ordered lists using lowercase characters

~a) Line one
~a) Line two
 
  1. Line one
  2. Line two
 

Ordered lists using uppercase Roman numerals

~I) Line one
~I) Line two
 
  1. Line one
  2. Line two
 

Ordered lists using lowercase Roman numerals

~i) Line one
~i) Line two
 
  1. Line one
  2. Line two
 

6. Inline comments


To format some text as an inline comment, use an indent (tilde, tab, or four spaces) followed by a &.

~& Comment
~~& Subcomment
~~~& Subsubcomment
 
  • Comment
    • Subcomment
      • Subsubcomment
 


7. Images


To place images on a Wiki page, you can use the image action.

Image links can be external or internal Wiki links. You don't need to enter a link at all, and in that case just an image will be inserted. You can use the optional classes left and right to float images left and right. You don't need to use all those attributes, only url is required while alt is recommended for accessibility.

{{image class="center" alt="DVD logo" title="An image link" url="images/dvdvideo.gif" link="RecentChanges"}}

DVD logo
 


To create a link to a wiki page you can use any of the following options:





To link to external pages , you can do any of the following:






9. Tables


The table action has been deprecated as of Wikka version 1.2 and has been replaced with the syntax that follows. Please visit the Wikka documentation server for information about the older table action.
 

Tables can be created using two pipe (||) symbols. Everything in a single line is rendered as a table row.

Example:

||Cell 1||Cell 2||

Cell 1Cell 2


Header cells can be rendered by placing an equals sign between the pipes.

Example:
|=|Header 1|=|Header 2||
||Cell 1||Cell 2||

Header 1Header 2
Cell 1Cell 2


Row and column spans are specified with x: and y: in parentheses just after the pipes.

Example:


|=| |=|(x:2)Columns||
|=|(y:2) Rows||Cell 1||Cell 2||
||Cell 3||Cell 4||

Columns
RowsCell 1Cell 2
Cell 3Cell 4


Many additional features are available using table markup. A more comprehensive table markup guide is available on this server's TableMarkup page. A complete syntax reference is available on this server's TableMarkupReference page.

10. Colored Text


Colored text can be created using the color action:
{{color c="blue" text="This is a test"}}
This is a test
 

You can also use hex values:
{{color hex="#DD0000" text="This is another test"}}
This is another test
 

Alternatively, you can specify a foreground and background color using the fg and bg parameters (they accept both named and hex values):
{{color fg="#FF0000" bg="#000000" text="This is colored text on colored background"}}
This is colored text on colored background
 
{{color fg="yellow" bg="black" text="This is colored text on colored background"}}
This is colored text on colored background
 


11. Floats


To create a left floated box , use two < characters before and after the block.

Example:

<< Some text in a left-floated box hanging around. << Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler.

Some text in a left-floated box hanging around.
Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler.
 

To create a right floated box , use two > characters before and after the block.

Example:

>> Some text in a right-floated box hanging around. >> Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler.

Some text in a right-floated box hanging around.
Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler.
 

Note: Use ::c:: to clear floated blocks.

12. Code formatters


You can easily embed code blocks in a wiki page using a simple markup. Anything within a code block is displayed literally. To create a generic code block you can use the following markup:

%% This is a code block %%.

 This is a code block 


To create a code block with syntax highlighting , you need to specify a code formatter (see below for a list of available code formatters).

%%(php)
<?php
echo "Hello, World!";
?>
%%



<?php
echo "Hello, World!";
?>



You can also specify an optional starting line number.
%%(php;15)
<?php
echo "Hello, World!";
?>
%%



  1. <?php
  2. echo "Hello, World!";
  3. ?>



If you specify a filename , this will be used for downloading the code.
%%(php;15;test.php)
<?php
echo "Hello, World!";
?>
%%



test.php (line 15)
  1. <?php
  2. echo "Hello, World!";
  3. ?>




List of available code formatters
LanguageFormatterLanguageFormatterLanguageFormatter
ActionscriptactionscriptABAPabapADAada
Apache LogapacheAppleScriptapplescriptASMasm
ASPaspAutoITautoitBashbash
BlitzBasicblitzbasicBasic4GLbasic4glbnfbnf
CcC for Macsc_macC#csharp
C++cppC++ (+QT)cpp-qtCAD DCLcaddcl
CadLispcadlispCFDGcfdgColdFusioncfm
CSScssDdDelphidelphi
Diff-OutputdiffDIVdivDOSdos
DotdotEiffeleiffelFortranfortran
FreeBasicfreebasicFOURJ's Genero 4GLgeneroGMLgml
GroovygroovyHaskellhaskellHTMLhtml4strict
INIiniInno ScriptinnoIoio
Java 5java5JavajavaJavascriptjavascript
LaTeXlatexLisplispLualua
MatlabmatlabmIRC ScriptingmircMicrochip Assemblermpasm
Microsoft RegistryregMotorola 68k Assemblerm68kMySQLmysql
NSISnsisObjective CobjcOpenOffice BASICoobas
Objective CamlocamlObjective Caml (brief)ocaml-briefOracle 8oracle8
PascalpascalPer (FOURJ's Genero 4GL)perPerlperl
PHPphpPHP (brief)php-briefPL/SQLplsql
PythonphytonQ(uick)BASICqbasicrobots.txtrobots
Ruby on RailsrailsRubyrubySASsas
SchemeschemesdlBasicsdlbasicSmartysmarty
SQLsqlTCL/iTCLtclT-SQLtsql
TexttextthinBasicthinbasicUnoidlidl
VB.NETvbnetVHDLvhdlVisual BASICvb
Visual Fox ProvisualfoxproWinBatchwinbatchXMLxml
X++xppZiLOG Z80 Assemblerz80


13. Mindmaps


Wikka has native support for mindmaps. There are two options for embedding a mindmap in a wiki page.

Option 1: Upload a FreeMind file to a webserver, and then place a link to it on a wikka page: http://yourdomain.com/freemind/freemind.mm No special formatting is necessary.

Option 2: Paste the FreeMind data directly into a wikka page:
 


14. Embedded HTML


You can easily paste HTML in a wiki page by wrapping it into two sets of doublequotes.

""[html code]""
""y = x<sup>n+1</sup>""
y = xn+1
 
""<acronym title="Cascade Style Sheet">CSS</acronym>""
CSS
 

By default, some HTML tags are removed by the SafeHTML parser to protect against potentially dangerous code. The list of tags that are stripped can be found on the Wikka:SafeHTML page.

It is possible to allow all HTML tags to be used, see Wikka:UsingHTML for more information.


CategoryWiki
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki