HamRadioWiki : FormattingRules

HomePage :: Categories :: Index :: Recent :: Comments :: Login/Register

Revision [315]

Most recent edit made on 2006-07-22 08:47:23 by AlanB

Additions:
With the same syntax you can also use Wikka's built-in formatters: email, ini and code. If you haven't installed Wikka:GeSHi php will be formatted by Wikka's built-in formatter, too.
Take a look at Wikka:SyntaxHighlighter to see some examples.


Deletions:
With the same syntax you can also use Wikka's built-in formatters: email, ini and code. If you haven't installed GeSHi php will be formatted by Wikka's built-in formatter, too.
Take a look at SyntaxHighlighter to see some examples.




Revision [314]

Edited on 2006-07-22 08:45:19 by AlanB

Additions:

8. Links



Deletions:

8. Links





Revision [313]

Edited on 2006-07-22 08:42:48 by AlanB

Additions:

1. TextFormatting



Deletions:

1. Wikka:TextFormatting





Revision [312]

Edited on 2006-07-22 08:42:18 by AlanB

Additions:

1. Wikka:TextFormatting



Deletions:

1. TextFormatting





Revision [311]

Edited on 2006-07-22 08:41:22 by AlanB

Additions:

13. FreeMind maps

See the Wikka:FreeMind page on how to include FreeMind-maps
Wikka:CategoryDocumentation


Deletions:

13. FreeMind maps

See the FreeMind page on how to include FreeMind-maps
CategoryDocumentation




Revision [310]

Edited on 2006-07-22 08:39:05 by AlanB

Additions:
Use two doublequotes around the html-tags. Note the limitations on Wikka:UsingHTML.


Deletions:
Use two doublequotes around the html-tags. Note the limitations on UsingHTML.




Revision [309]

Edited on 2006-07-22 06:16:02 by AlanB

Additions:
Wikka Documentation

The Wiki Formatting Guide

This is a compact version without explanations and examples. Visit the related pages for more info.

 

Once you've read through this, test your formatting skills in the SandBox.

1. TextFormatting

Note: Anything between 2 sets of double-quotes is not formatted.
**bold**
bold
//I'm italic text!//
I'm italic text!
And I'm __underlined__!
And I'm underlined!
##monospace text##
monospace text
''highlight text'' (using 2 single-quotes)
highlight text
++Strike through text++
Strike through text
Press #%ANY KEY#%
Press ANY KEY
@@Center text@@
Center text

2. Headers:

Use between six = (for the biggest header) and two = (for the smallest header) on both sides of a text.
====== Really big header ======

Really big header

===== Rather big header =====

Rather big header

==== Medium header ====

Medium header

=== Not-so-big header ===

Not-so-big header

== Smallish header ==
Smallish header

3. Horizontal separator:

----

4. Forced line break:

---
text before
and after a break

5. Lists / Indents:

Indent text using 4 spaces (which will auto-convert into tabs) or using "~". To make bulleted / ordered lists, use the following codes (you can use 4 spaces instead of "~"):
~- bulleted list:
~1) numbered list:
  1. numbered list
  2. Line two
~A) Using uppercase characters:
  1. Using uppercase characters
  2. Line two
~a) Using lowercase characters:
  1. Using lowercase characters
  2. Line two
~I) using uppercase roman numerals:
  1. using Latin numbers
  2. Line two
~i) using lowercase roman numerals:
  1. using Latin numbers
  2. Line two
~& Comment
~~& Subcomment
~~~& Subsubcomment

7. Images:

To place images on a Wiki page, use:
{{image class="center" alt="DVD logo" title="An Image Link" url="images/dvdvideo.gif" link="RecentChanges"}}
dvd logo
Links can be external, or internal Wiki links. You don't have to enter a link at all, and in that case just an image will be inserted. You can also use the classes 'left' and 'right' to float images left and right. You don't need to use all those attributes, only url is essential.

8. Links

To link to other wiki-pages, write
To link to external pages, write
To open a web page, use <A href=http://google.com>Google</A> Google
To open a web page in a new copy of your browser, use <A href="http://google.com" TARGET="_blank">Google</A> Google
These next 2 lines will not work on this Wiki because the refered docs do not exist. This is ok; they are merely an example of how to do it
To embed a reference to a document stored on a web server, use <A href="../dirname/demo.doc">Click Here</A> Click Here
To embed a reference to a document stored on a web server (and see it in a new browser window), use <A href="../dirname/demo.doc" TARGET="_blank">Click Here</A> Click Here
To create a table use this code:
{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}} to give:
BIG GREEN FROGS
yes yes no
no no

### means the cell is empty.
{{color c="blue" text="This is a test."}} gives:
This is a test.
If you want to use hex values:
{{color hex="#DD0000" text="This is another test."}} to give:
This is another test.
Left floated box - use two < signs before and after the block
Some text in a 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. This filler text is higher than the box so the next section starts on a new line below the box automatically.
Right floated box, use two > characters before and after the block
Some text in a floated box hanging around. And a little more to create a larger box. If the text in the box gets higher than the surrounding text, you'll need the "clearer" (see ::c::) to get new text to start on a new line below the box instead of next to the floated box.
Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler.
Use ::c:: to clear floated blocks... as done just below
 

Simply use %%(formatter[;#number]) code %% - for the formatters, see the list below. If you add a number and it is enabled in the config, you will have line numbers starting at #number.
LANGUAGE FORMATTER
Actionscript actionscript
ADA ada
Apache Log apache
ASM asm
ASP asp
Bash bash
C c
C for Macs c_mac
c# csharp
C++ cpp
CAD DCL caddcl
CadLisp cadlisp
CSS css
Delphi delphi
HTML html
Java java
Javascript javascript
Lisp lisp
Lua lua
NSIS nsis
Objective C objc
OpenOffice BASIC oobas
Pascal pascal
Perl perl
PHP php
Python python
Q(uick)BASIC qbasic
Smarty smarty
SQL sql
VB.NET vbnet
Visual BASIC vb
Visual Fox Pro visualfoxpro
XML xml

With the same syntax you can also use Wikka's built-in formatters: email, ini and code. If you haven't installed GeSHi php will be formatted by Wikka's built-in formatter, too.
Take a look at SyntaxHighlighter to see some examples.

13. FreeMind maps

See the FreeMind page on how to include FreeMind-maps
Use two doublequotes around the html-tags. Note the limitations on UsingHTML.

15. Converting HTML to Wiki

Visit http://diberri.dyndns.org/html2wiki.html
It allows you to paste HTML into a textbox and it will then convert it to Wikka Wiki markup (as well as a bunch of other Wiki dialects)
CategoryDocumentation


Deletions:

Wikka Formatting Guide

Note: Anything between 2 sets of double-quotes is not formatted.
 

Once you have read through this, test your formatting skills in the SandBox.

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
''highlight text'' (using 2 single-quotes)
highlight text
++Strike through text++
Strike through text
Press #%ANY KEY#%
Press ANY KEY
@@Center text@@
Center text

2. Headers

Use between five = (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 ======

Really big header


===== Rather big header =====

Rather big header

==== Medium header ====

Medium header

=== Not-so-big header ===

Not-so-big header

== Smallish header ==
Smallish header

3. Horizontal separator

----

4. Forced line break

---


5. Lists and indents

You can indent text using a ~, a tab or 4 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 ~):
Bulleted lists
~- Line one
~- Line two
- Line one
- Line two
Numbered lists
~1) Line one
~1) Line two
1) Line one
1) Line two
Ordered lists using uppercase characters
~A) Line one
~A) Line two
A) Line one
A) Line two
Ordered lists using lowercase characters
~a) Line one
~a) Line two
a) Line one
a) Line two
Ordered lists using roman numerals
~I) Line one
~I) Line two
I) Line one
I) Line two
Ordered lists using lowercase roman numerals
~i) Line one
~i) Line two
i) Line one
i) Line two
To format some text as an inline comment, use an indent ( ~, a tab or 4 spaces) followed by a &.
Example:
~& Comment
~~& Subcomment
~~~& Subsubcomment

7. Images

To place images on a Wiki page, you can use the image action.
Example:
{{image class="center" alt="DVD logo" title="An Image Link" url="images/dvdvideo.gif" link="RecentChanges"}}
dvd logo
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:

  1. type a WikiName:

    FormattingRules
    FormattingRules

  2. 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 沙箱]]
    沙箱

  3. add an image with a link (see instructions above).
To link to external pages, you can do any of the following:

  1. type a URL inside the page:

    http://www.example.com
    http://www.example.com

  2. 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!

  3. add an image with a link (see instructions above);
  4. add an interwiki link (browse the list of available interwiki tags):

    WikiPedia:WikkaWiki
    WikiPedia:WikkaWiki

    Google:CSS
    Google:CSS

    Thesaurus:Happy
    Thesaurus:Happy

To create a table, you can use the table action.
Example:
{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}}
BIG GREEN FROGS
yes yes no
no no
Note that ### must be used to indicate an empty cell.
Complex tables can also be created by embedding HTML code in a wiki page (see instructions below).
Colored text can be created using the color action:
Example:
{{color c="blue" text="This is a test."}}
This is a test.
You can also use hex values:
Example:
{{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):
Examples:
{{color fg="#FF0000" bg="#000000" text="This is colored text on colored background"}}
This is colored text on colored background
{{color fg="lightgreen" bg="black" text="This is colored text on colored background"}}
This is colored text on colored background
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.
 
Use ::c:: to clear floated blocks.
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:
LANGUAGE FORMATTER LANGUAGE FORMATTER LANGUAGE FORMATTER
Actionscript actionscript ADA ada Apache Log apache
AppleScript applescript ASM asm ASP asp
AutoIT autoit Bash bash BlitzBasic blitzbasic
C c C for Macs c_mac c# csharp
C++ cpp CAD DCL caddcl CadLisp cadlisp
CFDG cfdg ColdFusion cfm CSS css
D d Delphi delphi Diff-Output diff
DIV div DOS dos Eiffel eiffel
Fortran fortran FreeBasic freebasic GML gml
Groovy groovy HTML html4strict INI ini
Inno Script inno Java 5 java5 Java java
Javascript javascript Lisp lisp Lua lua
Matlab matlab Microchip Assembler mpasm Microsoft Registry reg
MySQL mysql NSIS nsis Objective C objc
OpenOffice BASIC oobas Objective Caml ocaml Objective Caml (brief) ocaml-brief
Oracle 8 oracle8 Pascal pascal Perl perl
PHP php PHP (brief) php-brief Python phyton
Q(uick)BASIC qbasic robots.txt robots Ruby ruby
SAS sas Scheme scheme sdlBasic sdlbasic
Smarty smarty SQL sql TCL/iTCL tcl
T-SQL tsql Text text VB.NET vbnet
VHDL vhdl Visual BASIC vb Visual Fox Pro visualfoxpro
WinBatch winbatch XML xml


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:
You can easily paste HTML in a wiki page by wrapping it into two sets of doublequotes.
""[html code]""
Examples:
""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




Revision [19]

The oldest known version of this page was edited on 2006-07-13 15:13:04 by WikkaInstaller (unregistered user)

Wikka Formatting Guide


Note: Anything between 2 sets of double-quotes is not formatted.
 

Once you have read through this, test your formatting skills in the SandBox.

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

''highlight text'' (using 2 single-quotes)
highlight text

++Strike through text++
Strike through text

Press #%ANY KEY#%
Press ANY KEY

@@Center text@@
Center text

2. Headers


Use between five = (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 ======

Really big header


===== Rather big header =====

Rather big header


==== Medium header ====

Medium header


=== Not-so-big header ===

Not-so-big header


== Smallish header ==
Smallish header

3. Horizontal separator

----


4. Forced line break

---



5. Lists and indents


You can indent text using a ~, a tab or 4 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 ~):

Bulleted lists
~- Line one
~- Line two

- Line one
- Line two

Numbered lists
~1) Line one
~1) Line two

1) Line one
1) Line two

Ordered lists using uppercase characters
~A) Line one
~A) Line two

A) Line one
A) Line two

Ordered lists using lowercase characters
~a) Line one
~a) Line two

a) Line one
a) Line two

Ordered lists using roman numerals
~I) Line one
~I) Line two

I) Line one
I) Line two

Ordered lists using lowercase roman numerals
~i) Line one
~i) Line two

i) Line one
i) Line two

6. Inline comments


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

Example:

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


7. Images


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

Example:

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

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:

  1. type a WikiName:

    FormattingRules
    FormattingRules

  2. 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 沙箱]]
    沙箱

  3. add an image with a link (see instructions above).

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

  1. type a URL inside the page:

    http://www.example.com
    http://www.example.com

  2. 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!

  3. add an image with a link (see instructions above);
  4. add an interwiki link (browse the list of available interwiki tags):

    WikiPedia:WikkaWiki
    WikiPedia:WikkaWiki

    Google:CSS
    Google:CSS

    Thesaurus:Happy
    Thesaurus:Happy


9. Tables


To create a table, you can use the table action.

Example:

{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}}

BIG GREEN FROGS
yes yes no
no no

Note that ### must be used to indicate an empty cell.
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:

Example:

{{color c="blue" text="This is a test."}}
This is a test.

You can also use hex values:

Example:

{{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):

Examples:

{{color fg="#FF0000" bg="#000000" text="This is colored text on colored background"}}
This is colored text on colored background

{{color fg="lightgreen" 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.

 
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:
LANGUAGE FORMATTER LANGUAGE FORMATTER LANGUAGE FORMATTER
Actionscript actionscript ADA ada Apache Log apache
AppleScript applescript ASM asm ASP asp
AutoIT autoit Bash bash BlitzBasic blitzbasic
C c C for Macs c_mac c# csharp
C++ cpp CAD DCL caddcl CadLisp cadlisp
CFDG cfdg ColdFusion cfm CSS css
D d Delphi delphi Diff-Output diff
DIV div DOS dos Eiffel eiffel
Fortran fortran FreeBasic freebasic GML gml
Groovy groovy HTML html4strict INI ini
Inno Script inno Java 5 java5 Java java
Javascript javascript Lisp lisp Lua lua
Matlab matlab Microchip Assembler mpasm Microsoft Registry reg
MySQL mysql NSIS nsis Objective C objc
OpenOffice BASIC oobas Objective Caml ocaml Objective Caml (brief) ocaml-brief
Oracle 8 oracle8 Pascal pascal Perl perl
PHP php PHP (brief) php-brief Python phyton
Q(uick)BASIC qbasic robots.txt robots Ruby ruby
SAS sas Scheme scheme sdlBasic sdlbasic
Smarty smarty SQL sql TCL/iTCL tcl
T-SQL tsql Text text VB.NET vbnet
VHDL vhdl Visual BASIC vb Visual Fox Pro visualfoxpro
WinBatch winbatch XML xml



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]""

Examples:

""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 1.0 Transitional :: Valid CSS :: Powered by WikkaWiki
Page was generated in 3.6632 seconds