Wikula » FormattingRules
Wikka Formatting Guide
Note: Anything between 2 sets of double-quotes is not formatted.
1. Text Formatting
**I'm bold**
I'm bold
I'm bold
//I'm italic text!//
I'm italic text!
I'm italic text!
And I'm __underlined__!
And I'm underlined!
And I'm underlined!
##monospace text##
monospace text
monospace text
''highlight text'' (using 2 single-quotes)
highlight text
highlight text
++Strike through text++
Strike through text
Strike through text
££Text insertion££
Text insertion
Text insertion
¥¥Text deletion¥¥
Text deletion
Text deletion
Press #%ANY KEY#%
Press ANY KEY
Press ANY KEY
@@Center text@@
Center text
/* Elided content (eliminates trailing ws */
Elides (hides) content from displaying. Eliminates trailing whitespace so there are no unsightly gaps in output. Useful for commenting Wikka markup.
Elides (hides) content from displaying. Eliminates trailing whitespace so there are no unsightly gaps in output. Useful for commenting Wikka markup.
`` Elided content (preserves trailing ws ``
Elides (hides) content from displaying. Preserves trailing whitespace.
Elides (hides) content from displaying. Preserves trailing whitespace.
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.
3. Horizontal separator
----
4. Forced line break
---
5. Lists and indents
You can indent text using a ~, a tab or 2 spaces.
~This text is indented
~~This text is double-indented
This text is also indented
~~This text is double-indented
This text is also indented
This text is indented
This text is double-indented
This text is also indentedTo create bulleted/ordered lists, use the following markup (you can always use 4 spaces instead of a ~):
Bulleted lists
~- Line one
~- Line two
~- Line two
- Line one
- Line two
Numbered lists
~1) Line one
~1) Line two
~1) Line two
- Line one
- Line two
Ordered lists using uppercase characters
~A) Line one
~A) Line two
~A) Line two
- Line one
- Line two
Ordered lists using lowercase characters
~a) Line one
~a) Line two
~a) Line two
- Line one
- Line two
Ordered lists using roman numerals
~I) Line one
~I) Line two
~I) Line two
- Line one
- Line two
Ordered lists using lowercase roman numerals
~i) Line one
~i) Line two
~i) Line two
- Line one
- Line two
6. Inline comments
To format some text as an inline comment, use an indent ( ~, a tab or 2 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.
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.
8. Links
To create a link to a wiki page you can use any of the following options:
- type a WikiName:
FormattingRules
FormattingRules
- add a forced link surrounding the page name by [[ and ]] (everything after the first space will be shown as description):
[[SandBox Test your formatting skills]]
Test your formatting skills
[[SandBox 沙箱]]
沙箱
- add an image with a link (see instructions above).
To link to external pages, you can do any of the following:
- type a URL inside the page:
http://www.example.com
http://www.example.com∞
- add a forced link surrounding the URL by [[ and ]] (everything after the first space will be shown as description):
[[http://example.com/jenna/ Jenna's Home Page]]
Jenna's Home Page∞
[[mail@example.com Write me!]]
Write me!∞
- add an image with a link (see instructions above);
- add an interwiki link (browse the list of available interwiki tags):
WikiPedia:WikkaWiki
WikkaWiki∞
Google:CSS
CSS∞
Thesaurus:Happy
Happy∞
9. Tables
To create a table, you can use the table action.
{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}}
BIG | GREEN | FROGS |
yes | yes | no |
no | no |
Complex tables can also be created by embedding HTML code in a wiki page (see instructions below).
10. Colored Text
Colored text can be created using the color action:
{{color c="blue" text="This is a test."}}
This is a test.
This is a test.
{{color hex="#DD0000" text="This is another test."}}
This is another test.
This is another test.
{{color fg="#FF0000" bg="#000000" text="This is colored text on colored background"}}
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
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.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.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!";
?>
%%
<?php
echo "Hello, World!";
?>
%%
- <?php
- ?>
If you specify a filename, this will be used for downloading the code.
%%(php;15;test.php)
<?php
echo "Hello, World!";
?>
%%
<?php
echo "Hello, World!";
?>
%%
- <?php
- ?>
Language | Formatter | Language | Formatter | Language | Formatter |
---|---|---|---|---|---|
Actionscript | actionscript | ABAP | abap | ADA | ada |
Apache Log | apache | AppleScript | applescript | ASM | asm |
ASP | asp | AutoIT | autoit | Bash | bash |
BlitzBasic | blitzbasic | Basic4GL | basic4gl | bnf | bnf |
C | c | C for Macs | c_mac | C# | csharp |
C++ | cpp | C++ (+QT) | cpp-qt | CAD DCL | caddcl |
CadLisp | cadlisp | CFDG | cfdg | ColdFusion | cfm |
CSS | css | D | d | Delphi | delphi |
Diff-Output | diff | DIV | div | DOS | dos |
Dot | dot | Eiffel | eiffel | Fortran | fortran |
FreeBasic | freebasic | FOURJ's Genero 4GL | genero | GML | gml |
Groovy | groovy | Haskell | haskell | HTML | html4strict |
INI | ini | Inno Script | inno | Io | io |
Java 5 | java5 | Java | java | Javascript | javascript |
LaTeX | latex | Lisp | lisp | Lua | lua |
Matlab | matlab | mIRC Scripting | mirc | Microchip Assembler | mpasm |
Microsoft Registry | reg | Motorola 68k Assembler | m68k | MySQL | mysql |
NSIS | nsis | Objective C | objc | OpenOffice BASIC | oobas |
Objective Caml | ocaml | Objective Caml (brief) | ocaml-brief | Oracle 8 | oracle8 |
Pascal | pascal | Per (FOURJ's Genero 4GL) | per | Perl | perl |
PHP | php | PHP (brief) | php-brief | PL/SQL | plsql |
Python | phyton | Q(uick)BASIC | qbasic | robots.txt | robots |
Ruby on Rails | rails | Ruby | ruby | SAS | sas |
Scheme | scheme | sdlBasic | sdlbasic | Smarty | smarty |
SQL | sql | TCL/iTCL | tcl | T-SQL | tsql |
Text | text | thinBasic | thinbasic | Unoidl | idl |
VB.NET | vbnet | VHDL | vhdl | Visual BASIC | vb |
Visual Fox Pro | visualfoxpro | WinBatch | winbatch | XML | xml |
X++ | xpp | ZiLOG Z80 Assembler | z80 |
13. Mindmaps
Wikka has native support for FreeMind∞. 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:
- Open a FreeMind file with a text editor.
- Select all, and copy the data.
- Browse to your Wikka site and paste the Freemind data into a 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 = x<sup>n+1</sup>
y = x<sup>n+1</sup>
""<acronym title="Cascade Style Sheet">CSS</acronym>""
<acronym title="Cascade Style Sheet">CSS</acronym>
<acronym title="Cascade Style Sheet">CSS</acronym>
It is possible to allow all HTML tags to be used, see UsingHTML∞ for more information.
Wiki category