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.
--text--
Foreground Color Changes the foreground color.
~~#660:text~~
Image
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.
File
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.
[http://w3schools.org|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::
Ordered
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.
...page...
---
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 w3schools.org 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.

    http://thewebsiteyouwant.com

    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.


Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

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

News / Announcements

WordPress wp-login.php brute force attack
Updated 2014-07-17 06:43 pm EST
Hits: 200992

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

Need more Help?

Search

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: support@InMotionHosting.com
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!