History: Porting from MediaWiki

            See also ((MediaWiki versus Tiki))

{maketoc showhide="y"}

!!~np~__TOC__~/np~
Remove it and insert a __~np~{maketoc}~/np~__ tag using the {IMG(src="pics/icons/book.png")}{IMG} button.

!!~np~__NO_TOC__~/np~
Remove it, it's not needed.
Tiki does not do toc's automatically.

!!~np~__FORCETOC__~/np~
Remove it. (:wink:)

!!Square brackets
If you don't escape your square brackets, [[this] will turn into [this].
Write it like:
{CODE()}[[this]{CODE}

!!~np~~pp~~/np~
Replace it with __~np~{CODE(wrap="1", colors="c++")}~/np~__ for C++ code, or __~np~{CODE(wrap="1")}~/np~__ for non-C++ code (pre).
Use the search/replace function.

!!~np~~/pp~~/np~
Replace it with __~np~{CODE}~/np~__ (ending tag).

!!~np~<br style="clear: both;">~/np~
Replace that evil HTML with the ~np~%clear%~/np~ dynamic variable.

!!~np~[http://1.4.0|1.4.0]~/np~
A very peculiar behaviour of the Tiki MW importer. :)
Very often three digit version numbers turns into a link.
It should be: 1.4.0 rather than [http://1.4.0|1.4.0], right?

!!Templates
This is an example of a MediaWiki template in use:
{CODE(wrap="1")}
{{Layout_box1|
Image=Big_Logo_Visual C++.jpg‎|
Title=Installing the Ogre SDK for Visual C++|
Description=Use this guide to install the precompiled OGRE SDK for Microsoft Visual C++. Once you have OGRE downloaded and setup, learn how to ((Setting Up An Application - Shoggoth|setup your first application)).
}}
{CODE}

!!!Layout begin:
{CODE(wrap="1")}
{{Layout_box1|
{CODE}
Use '''Layout_box1''' as the 'class parameter in a DIV or BOX tag, like this:
{CODE()}{DIV(class="Layout_box1")}
the content
{DIV}{CODE}
!!!Image:
{CODE(wrap="1")}
Image=Big_Logo_Visual C++.jpg‎|
{CODE}
Becomes:
{CODE(wrap="1")}
{IMG(src="img/wiki_up/Big_Logo_Visual_C++.jpg",imalign="left")}{IMG}
{CODE}
The images from the MediaWiki dump are stored in img/wiki_up, and the image name is using underscores instead of spaces in the name.
And we are aligning the image to the left.

!!!Title:
{CODE(wrap="1")}
Title=Installing the Ogre SDK for Visual C++|
{CODE}
Becomes:
{CODE(wrap="1")}
-=Installing the Ogre SDK for Visual C++=-
{CODE}

!!!Description:
{CODE(wrap="1")}
Description=Use this guide to install the precompiled OGRE SDK for Microsoft Visual C++. Once you have OGRE downloaded and setup, learn how to ((Setting Up An Application - Shoggoth|setup your first application)).
{CODE}
Simply becomes:
{CODE(wrap="1")}
Use this guide to install the precompiled OGRE SDK for Microsoft Visual C++. Once you have OGRE downloaded and setup, learn how to ((Setting Up An Application - Shoggoth|setup your first application)).
{CODE}
Just remove the ''Description='' bit.

!!!Layout end:
{CODE(wrap="1")}
}}
{CODE}
You can remove it. It's replaced by either the ~np~{BOX}~/np~ or ~np~{DIV}~/np~ tags. (End tags).

!!!Result:
{CODE(wrap="1")}
{DIV(class="Layout_box1")}{IMG(src="img/wiki_up/Big_Logo_Visual_C++.jpg",imalign="left")}{IMG}
-=Installing the Ogre SDK for Visual C++=-
Use this guide to install the precompiled OGRE SDK for Microsoft Visual C++. Once you have OGRE downloaded and setup, learn how to ((Setting Up An Application - Shoggoth|setup your first application)).
{DIV}{CODE}
!!!Rendered result:
{DIV(class="Layout_box1")}{IMG(src="img/wiki_up/Big_Logo_Visual_C++.jpg",imalign="left")}{IMG}
-=Installing the Ogre SDK for Visual C++=-
Use this guide to install the precompiled OGRE SDK for Microsoft Visual C++. Once you have OGRE downloaded and setup, learn how to ((Setting Up An Application - Shoggoth|setup your first application)).
%clear%{DIV}

%note% As you can see, the image does not have transparency.
It would look much better with a transparent background (use the magic wand and cut the background - if you can't, add a transparency layer). Use png.

Look at ((Wiki Styles)) for a list of styles.