Wiki-Syntax Text | |
On this page, you'll learn how to format text on Wiki pages and other areas that support Wiki formatting (including articles, forums, and blogs). |
The Markup Language Wiki-Syntax | |
The markup language used on a Wiki page is most commonly called Wiki Syntax. It uses common characters in uncommon ways (or character combinations that are not normally used together) and provides them with a special meaning. Some of the character combinations only work at the beginning of a line, while others can be inserted anywhere in the text and are active until they are turned off. Wiki-Syntax uses a character repeated twice for most functions, but it also has a few 2-character combinations. With a 2-character combination, the characters are reversed when the function is turned off. MonoSpaced Text provides a good example of this; the Minus (-) and Plus (+) characters are used to start the using MonoSpaced Text and a Plus (+) and Minus (-) characters specify the end of it. The following sections explain most of this.
|
Quick Reference - Basic Text Formatting | |||||||||||||||||||||||||||||||
|
Toggle textarea with headline + / - | |
Copy to clipboard
''(click the [+]to open)'' |
Hidden by default | |
[+] Text text text text
|
Visible by default | |
[-] ''(click the [+]to close)''
|
Basic Text Formatting | |
The Wiki-Syntax given in this section can be located anywhere in the text so that specific characters, words, or sentences can be emphasized. |
Color Font | |
Text can be any color you want it to be. Two Tildes (~) are used followed by the name of a color and a Colon (:) to specify the start of the Colored Text. Two other Tildes (~) are used to end the Colored Text. Example: ~~red:This text is Red~~ produces:
This text is Red
Example: ~~#ff00ff:This text is the color Magenta ~~ produces:
This text is the color Magenta
Example: ~~blue,yellow:This text is blue with yellow background~~
This text is blue with yellow background (click the [+] to open) |
Web-Safe HTML Colors | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
[+] Courtesy of Damosoft Web Design
|
Bold Text | |
Two Underscore (_) characters are used to make text Bold. Example: __This Text is Bold__ produces:
This Text is Bold
|
Italic Text | |
Two Single Quote (') characters are used to make text Italic. Example: ''This Text is Italic'' produces:
This Text is Italic
|
Underlined Text | |
Three Equal (=) characters are used to underline text. Example: ===This Text is Underlined=== produces:
This Text is Underlined
|
Strikethrough text | |
Example: --This text uses strikethrough-- produces:
|
Centered Text | |
Two Colon (:) characters are used to Center text. The Centered Text can be centered within a Box, a Table, or almost anything else. Example: ::This Text is Centered:: produces:
This Text is Centered
|
Monospaced Text for Code | |
Monospaced Text is useful when displaying Code and can be created in two ways. The easiest is to start a new line with one or more spaces. The Minus (-) and Plus (+) character combination can also be used to specify a Monospaced Text. See also PluginMono for another way to apply the Monospace font. Example: -+This Text uses a Monospaced Font+- produces:
This Text uses a Monospaced Font
If using a Monospaced Font, be sure to keep the line length short. If the lines are too long, they will push the right column out of the browser display area.
|
Superscript and subscript | |
Use the {TAG} plugin (also see PluginTag). Example: This text is {TAG(tag=>sup)}super{TAG} script. produces: This text is super script.
|
Text box | |
Apply one caret at the start and end of the text to be in a box. Example: ^This Text is in a box^ produces: This Text is in a box
|
Plain Text | |
To turn off tiki formatting, surround your text with 'np' a.k.a. 'no processing' tags Example: ~np~This ''text'' is __not__ being ===formatted===~/np~ produces: This ''text'' is __not__ being ===formatted=== NOTE: np tags cannot be used within an np block. To display an unprocessed ~np~ tag, escape all the characters (not just the tildes) while in normal processing mode: ~126~~110~~112~~126~ produces: ~np~
|
Headings | |
Headings are formed by starting the line with one, two, or three exclamation marks ("!", "!!", or "!!!"). Note regarding customizing the appearance of headings: If you need to change the CSS property of a heading in the wikitext (by editing the theme stylesheet), be aware that a heading labeled "h1" (made with one exclamation point) is actually an HTML h2 heading, h2 is actually an HTML h3, and so on.
|
Numbered Headings | |
In tiki 2.0 and above, you can create numbered headings using a combination of the ! and # characters
See: Headings |
LineBreak (forced) | |
Basic WIKI markup language doesn't include "linebreak" element.
Note: There must be printable text after the linebreak. A space is not sufficient to introduce a blank line. |
Indent | |
Indent is formed by the combination of the ; and : characters. ; must appear at the beginning of a line and : must appear between introduction text and the indented text. The introduction text portion is useful for forming definition type indention like Example 1 below. However, the introduction text can be eliminated by simply including ;: together followed by the text as shown in Example 2. Example 1:
;Intro Text: First example of indented text
Example 2:
|
Using Square Brackets | |
If you wish to include square brackets in your text (i.e. as regular text and not a link) simply add an additional open bracket to start. E.g. [[this would not be a link] Would render like this... [this would not be a link] |
Non-breaking space | |
Use ~hs~ to add the HTML " " for a non-breaking space. |
Comments | |
Wiki Comments | |
|
HTML Comments | |
|
Displaying code | |
You enter code blocks by enclosing the block between Copy to clipboard
This is a WikiPlugin, which extends the WikiSyntax. |
To Indent a Text Block | |
You can use the div module if it's enabled like so: {div(type="blockquote")}text text text{div} Will result in: texttext text
|
Useful Links | |
|