InMotion Hosting Support Center

Like other wiki software, TikiWiki has its own built in code for formatting the content of the pages. In order to format the content of the Wiki, it is recommended that you familiarize your self with the code options that are available. This article will explain the options available to use in the TikiWiki WYSIWYG editor, and how to format different items like: headlines, bold, internal links, external links, and making lists.

TikiWiki Editing options

Log into your TikiWiki, select a page and click the edit link at the bottom. The Wiki formatting editor will display for editing the site. The image below is a snapshot of the editor options.

Editing ioption sin teh TikiWiki WYSIWYG editor

The following table briefly explains what each editing feature does and the code it uses.

TikiWiki editing options
Bold Bolds the text.
__bold text__
Italic Italicizes text.
''italic text''
Underline Underlines text.
===underline text===
Strike through Strikes through text to show as deleted.
Foreground Color Changes the foreground color.
Choose or upload images
Image upload Tiki WikiUploads to the server and chooses images from a list of existing images on the server. See image to the right.
Choose or upload files
File upload TikiWikiUploads files to the server and existing files can be chosen from the server. See image to the right.
Wiki link Link option TikiWikiLinks to existing pages on the wiki.
((My HTML Reference|My HTML reference))
External link External link TikiWIkiCreates a link to an external source.
[|W3Schools|HTML resource]
Find text
Text Replace
Text can be searched with the find and replace function that is built into the editor.
Special Characters Special characters TikiWikiCreates special HTML entity characters that can be inserted into the page. See image to the right.
Smileys Smileys TikiWikiInserts smileys in the article. See image to the right.
H1 H2 H3 Sets headers to HTML h1, h2,or h3 format.
!text h1
!!text ht
!!!text h3
Align Center Aligns the text center.
::align center text::
Unordered list
Creates lists that are numbered or bulleted.
*unordered list
#ordered list
Mouse Over Mouse Over TikiWikiAllows custom hover over text boxes on selected text. See image to the right.
Insert Module This is used to insert modules into pages.
No image available.
Insert HTML Insert HTML TikiWikiThis will allow HTML tags to be inserted into the page. See image to the right.
Page Break
Horizontal rule
The first is a page break code. It separates content that can be individually edited. The last is a horizontal rule that places a line across the screen to separate the text.
Table Builder Create table TikiWikiConstructs tables that will use the Wiki code and not HTML table tags. See image to the right.
Code Code block TikiWIkiAllows code to display as code instead of parsing by the browser. See image to the right.
Non-parsed (Wiki syntax does not apply) Escapes the Wiki code to allow Wiki code characters to display.<
~np~no wiki formatted text~/np~

How to headline and bold text

Headline text breaks up content on a wiki page, whereas bold text retains the same font size in the body and does not break up the page. The following steps will show how to create a header line text and how to bold text.

  1. Log into TikiWiki.
  2. Navigate to the page you want to edit and click Edit section page edit section icon TikiWiki
  3. header text tikiwikiHighlight the text you want for a headline. In the WYSIWYG editor, click the H2 (Heading 2) button to make the text a second level headline.
  4. Bold text tikiwikiNext, highlight text that you want to be the same font size as the body text and click the bold Icon in the WYSIWYG editor.

    Header bold preview TikiWIkiNow the Headline and the text in the body will be bold like the snapshot to the right.

Inserting and External and internal link

When creating links in TikiWiki there are 2 types, the internal and the external link. The internal link simply references to a page that exists in your TikiWiki site. The external link will link to a page that is on the web. In this case we will use to make an external link. The following will explain how to create an external and an internal link.

  1. Log into TikiWiki.
  2. Navigate to the page you want to edit and click Edit section Page Edit TikiWiki
  3. Create external link tikiwikiPlace your cursor in the location of the content you want the linkto be inserted into.

    Click the External link icon in the WYSIWYG editor.

  4. inset external link TikiWikiIn the Show this text box, type what text you want for the link.

    In the link to this URL box, type the url into the text box. The url will need to be like the following.

    Click Insert.

  5. create internal link tikiwikiTo insert the internal link, Place your cursor where you want the link to appear.

    Click the Wiki Link button in the WYSIWYG editor.

  6. Insert internal link TikiwikiType the text you want for the link in the "Show this text"text box.

    Place the title of the page from your Wiki page in the "Link to this page" text box.

    Click Insert.

  7. External and internal link preview tikiwikiClick Save.

    Now when you visit the page you will have the links created in the page like the image to the right.

Creating an unordered list

Creating an ordered and an unordered list are simpler than coding in HTML using the TikiWiki editor. The steps are the same for the ordered list as it is for the unordered list. The following steps will explain how to make an unordered list.

  1. Log into TikiWiki.
  2. Navigate to the page you want to edit and click Edit section Page Edit TikiWiki
  3. WYSIWYG editor unordered List TikiWikiHighlight the text you want to bullet point.

    Click the Unordered List button in the WYSIWYG editor.

  4. Code view of unordered list TikiWikiRepeat the same step for each bullet point item so the code looks like the the image to the right.
  5. Unoredered List preview TikiWikiClick save.

    Now the items will have bullet points on them. This also works the same for numbered lists. To number the list you will follow the same steps except use the "Ordered List" option.

Was this article helpful?
Continued Education in Course 102: Adding content to TikiWIki
You are viewing Section 6: How to format TikiWiki page content
Section 5: Redirecting pages in TikiWiki
Section 7: Uploading and Hotlinking images in TikiWiki

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

n/a Points
2017-06-12 5:10 pm

Hi, how do I change the format definitions? Or do I have to alter the css-file itself? Eg. the text within a {DIV(type="blockquote")} is larger than other text. I would like it to be the same generaly.

11,000 Points
2017-06-13 11:29 am
You can see if there are TikiWiki themes with different styles, or edit the CSS for blockquotes.
n/a Points
2016-02-12 9:48 pm

Thanks for this page!  How do you cahnge the font size (without using headers)?

10,077 Points
2016-02-12 11:51 pm
Hello Steve,

You can use font tags to change the sizes.

Best Regards,
TJ Edens
n/a Points
2015-08-20 5:23 am

how to make a title in login page tikiwiki? please respond my question, thx

31,539 Points
2015-08-20 12:51 pm
Hello Denny,

Thank you for contacting us. The above guide does not cover editing a login page. Here is a link to the official TikiWiki Documentation on Templates.

Thank you,

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

6 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!