Loading...
 
How to Format Text on a Wiki Page
Did this page answer your question?
(0)
(0)
Did this page answer your question?
0 : Yes
0 : No

Wiki-Syntax Text

On this page, you'll learn how to format text on Wiki pages and other area 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 specifies the end of it.

The following sections explain most of this.



Quick Reference - Basic Text Formatting


Desired Formatting Syntax Result Since
Bold __text__ text
Centered ::text::
text
Color Font ~~blue:text~~ text
Italic ''text'' = ''text'' text
Monospaced -+text+- text
Underlined ===text=== text
Text box ^text^
text
Deleted --text-- text 3.0
Display syntax ~np~__not bold__~/np~ __not bold__


Toggle textarea with headline + / -


''(click the [+]to open)''
!!!- Hidden by default 
Text text text text
Text text text text
Text text text text

!!!+ Visible by default 
''(click the [-]to close)''
Text text text text
Text text text text
Text text text text

Hint: enclose the [+] and [-] in np (noparse) tags when using - they cannot be shown here in the CODE Plugin, as noparse tags conflict with the CODE Plugin


creates this:

''(click the [+]to open)''

Hidden by default

[+]

Visible by default

[-]
''(click the [+]to close)''
Text text text text
Text text text text
Text text text text

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


Color font can also be specified using HTML colors. HTML colors use 3 pairs of Hex numbers; one for Red, Blue, & Green so that 00 00 00 would produce white. The syntax is two Tildes (~) followed by the Pound (#) character and the Hex Numbers with a Colon (:) followed by the text to be colored. Two Tildes (~) mark the end of the Colored Text.

Example: ~~#ff00ff:This text is the color Magenta ~~ produces:
This text is the color Magenta


As of 3.0, the syntax was enhanced to also support background color changing.
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

[+]

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:
This text uses strikethrough.




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

Image 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.
exclaim The Leading Space Monospaced Font is disabled on many sites.

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.

This text is {TAG(tag=>sub)}sub{TAG} script.
produces:
This text is sub script.


Image Another alternative is to use the {SUB} and {SUP} plugins which are documented at PluginSub and PluginSup.

Text box

Apply one caret at start and end of text to be in a box.

Example: ^This Text is in a box^ produces:

This Text is in a box


NOTE: This CSS style is called "simplebox" and may look different or may not exist, depending on your theme CSS.

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~
~126~~47~~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.

This is because, consistent with semantic layout, there should be only one h1 heading on a page, so in Tiki h1 is reserved for the page title. Although it may seem confusing to map the heading sizes down one level this way, it was decided as better than labeling the wikitext headings something like h2 to h5, with h1 apparently missing.

So to change the appearance of a wikipage's "h2" headings for example, actually it is the h3 selector in the stylesheet that needs to be edited (or .wikitext h3, if the theme has rules for wikitext headings in addition to default heading rules).

Numbered Headings

In tiki 2.0 and above, you can create numbered headings using a combination of the ! and # characters
  • !# My Heading will produce "1.0 My Heading"
  • !!# My Secondary Heading will produce "1.1 My Secondary Heading"
  • !!!# My Tertiary Heading will produce "1.1.1 My Tertiary Heading"
See: Headings

LineBreak (forced)

Basic WIKI markup language don't include "linebreak" element.
Nevertheless with TIKI you can use special command to force linebreaks into a text :
line break code (%%%), like so:
;:text %%% text %%% text
will look like this:
text
text
text

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
produces:
Intro Text
First example of indented text

Example 2:
;:2nd example of indented text
2nd example of indented text


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

Will be kept in the Wiki source file but not seen when the HTML page is generated or HTML page source is viewed.

HTML Comments

~hc~ this is an HTML comment ~/hc~
Will be kept in the Wiki source file and will generate an HTML comment of the form
<!-- this is an HTML comment -->
An HTML comment will not be seen when the page is viewed but will be seen when the HTML page source is viewed.


Displaying code

You enter code blocks by enclosing the block between
{CODE()} and {CODE}
.
This is a WikiPlugin, which extends the WikiSyntax.

To Indent a Text Block

Create a block quote using one of the following:

~np~<blockquote>~/np~
text
text
text
~np~</blockquote>~/np~
or:
;:text %%% text %%% text
Will display as:
<blockquote>
text
text
text
</blockquote>
or:
text
text
text


You can also use the div module if it's enabled like so:

{DIV(type="blockquote")}text text text{div}

doc.tiki.org


Bootstrap

AdminGuide

UserGuide

Keywords

Keywords serve as "hubs" for navigation within the Tiki documentation. They correspond to development keywords (bug reports and feature requests):

Accessibility (WAI and 508)
Accounting (7.x)
Articles and Submissions
Backlinks
Banners
Batch (6.x)
BigBlueButton audio/video/chat/screensharing (5.x)
Blog
Bookmark
Browser Compatibility
Link Cache
Calendar
Category
Chat
Clean URLs
Comments
Communication Center
Compression (gzip)
Contacts (Address Book)
Contact us
Content Templates
Contribution (2.x)
Cookie
Copyright
Credit (6.x)
Custom Home and Group Home Page
Date and Time
Debugger Console
Directory of hyperlinks
Documentation link from Tiki to doc.tiki.org (Help System)
Docs 8.x
Draw 7.x
Dynamic Content
Dynamic Variable
External Authentication
FAQ
Featured links
File Gallery
Forum
Friendship Network (Community)
Gmap Google maps
Groups
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
Kaltura video management (4.x)
Karma
Live Support
Login
Logs (system & action)
Look and Feel
Lost edit protection
Mail-in
Map with Mapserver
Menu
Meta Tags
Mobile Tiki and Voice Tiki
Mods
Module
MultiTiki
MyTiki
Newsletter
Notepad
Payment
Performance Speed / Load
Permissions
Platform independence (Linux-Apache, Windows/IIS, Mac, BSD)
Polls
Profiles
Profile Manager
Report
Toolbar
Quiz
Rating
Feeds
Score
Search engine optimization
Search
Search and Replace
Security
Semantic links (3.x)
Shadowbox
Shadow Layers
Share
Shopping cart
Shoutbox
Slideshow
Smiley
Social Networks
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Stats
Surveys
Tags (2.x)
Task
Tell a Friend, alert + Social Bookmarking
TikiTests (2.x)
Theme CSS & Smarty
Trackers
Transitions (5.x)
TRIM
User Administration including registration and banning
User Files
User Menu
Watch
WebHelp
WebDAV (5.x)
Webmail
Web Services
Wiki 3D
Wiki History, page rename, etc
Wiki Page Staging and Approval (2.x)
Wiki Plugin extends basic syntax
Wiki Syntax
Wiki structure (book and table of content)
Workspace
WSOD
WYSIWYCA
WYSIWYG (2.x)
XMLRPC


Tiki Newsletter

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other news!
Contribute to Tiki
Show php error messages