Editing help
From CambodiaVoyage
[edit] Basic text editing
Some HTML tags are permitted in wikitext. The vast majority of fancy formatting seen on wikimedia sites is achieved using these limited tags (e.g. tables with CSS styles). See HTML tags in wikitext
[edit] Display an email address link
The following code:
[mailto:hello@cambodiavoyage.com hello@cambodiavoyage.com]
... will display as:
[edit] Adding Google Maps
To create a new or edit an existing Google map, click on the map button
above the edit box.
Find the region to display, set the various size and display options and thereafter copy the generated Google map code into the edit box and save the page.
Various display options include satellite view, map view, adding of place markers, drawing lines etc.
Additional information:
- 3 minute instructions video in Quicktime format (part 1).
- 3.5 minute instruction video in Quicktime format (part 2).
- Google Maps Extension syntax documentation.
[edit] Displaying images
[[Image:Example01|left|70px|]] Align an image to the left of the text... <br clear="all">
[edit] Display an image with a caption
Display a left aligned image with a caption.
[[Image:ceremony.jpg|250px|thumb|left|Image caption...]]
For further info on image display, see: http://en.wikipedia.org/wiki/Image_markup http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax http://en.wikipedia.org/wiki/Wikipedia:Images_linking_to_articles
[edit] Displaying image galleries
Using <gallery> ... </gallery> tags to display a thumbnail gallery with images which link to the larger versions of the uploaded images.
Images can also be individually captioned and wiki-markup can be used within captions.
|
 |
 |
 Links can be placed in captions. |
 |
The code example of the above gallery is shown below:
<gallery> Image:Example01.jpg Image:Example02.jpg Image:Example03.jpg Image:Example04.jpg|[[Help:Contents/Links|Links]] can be placed in captions. Image:Example05.jpg Image:Example06.jpg|Full [[MediaWiki]]<br />[[syntax]] may now be used... </gallery>
[edit] Displaying wide images
To display an image that is usually wider than typical screens in a sideways scrollable box, typically a panorama, the syntax is:
- {{Wide image|name|image width|caption|box width|alignment}}
Examples:
The below example is done by the following code:
{{wide image|Angkor_panorama.jpg|1800px|Example panorama}}
To display the same image but without a caption, simply omit the caption:
{{wide image|Angkor_panorama.jpg|1800px}}
To right-align the image while taking up 45% of the paragraph width:
{{wide image|Angkor_panorama.jpg|1800px|Example panorama|45%|right}}
Or define a fixed width for the scrollbox, eg. 250 pixels:
{{wide image|Angkor_panorama.jpg|1800px|Example panorama|250px|right}}
[edit] Hide Table of Contents
The table of contents (TOC) is automatically shown at the top of any page with four or more headings. To hide the TOC on a page, add the string __NOTOC__ anywhere in the page markup.
[edit] CSS
Modify styles in http://www.cambodiavoyage.com/MediaWiki:Monobook.css
[edit] Adding YouTube or Google videos
To embed a video from YouTube onto this wiki, simply copy the video ID from a YouTube URL, e.g. http://www.youtube.com/watch?v=FChpJY59iD8&feature=related and paste the relevant bit into the edit form as follows:
<youtube>FChpJY59iD8<youtube>
To add a Google video on a page retrieve, the ID number by clicking the Embed video link next to the video screen, or extract the ID from the URL if one is part of it. For example:
http://video.google.com/videoplay?docid=-9159164859238659487&hl=en
Then simply place the ID in the following tag:
<googlevideo>-2010585024306097538</googlevideo>
[edit] Adding an RSS news feeds to a page
RSS means Really Simple Syndication. It's a standard code format for feeding various news reader applications (including web browsers) with news summaries and corresponding links to articles. For example, do a Google news search at http://news.google.com for any given keyword or phrase. Thereafter scroll to the bottom of the page and find the RSS symbol 
. Follow the link to the URL of the raw RSS feed.
The web browser may automatically display the news items of the raw RSS feed in a tidy HTML format as well as offer to add the newsfeed to a browser's Live Bookmarks and various social bookmarking applications, such as Google Reader, My Yahoo, Bloglines etc. Alternatively, the browser may display the raw RSS feed in XML source code. Either way, copy the location of the page (URL) and place it within the <rss>...</rss> tags, like the following example:
<rss>http://news.google.com/news?q=%22Tuol+Sleng%22&hl=en&um=1&ie=UTF-8&output=rss|short|date|max=20</rss>
The output of this, which is a news search for the phrase Tuol Sleng, becomes:
- Experience: I tracked down a man who killed 14000 people - The Guardian (September 03, 2010 23:03)
- ELEPHANTS AND HELICOPTERS: Dinh Q. Lê with Carolee Thea - Brooklyn Rail (September 03, 2010 23:00)
- Former Khmer Rouge prison chief appeals conviction - AFP (August 25, 2010 07:23)
- Comrade Duch and the Killing Fields - Wall Street Journal (August 17, 2010 00:00)
- Glimpses of 10000 lives in Gwangju - JoongAng Daily (September 03, 2010 15:01)
- Confronting Cambodia's past at the Killing Fields - Dallas Morning News (August 21, 2010 19:17)
- KRouge jail survivors grow to accept Duch sentence - AFP (August 12, 2010 07:15)
- Glimpses of heaven — and hell — in Cambodia - Christian Chronicle (blog) (September 02, 2010 19:48)
- Duch appoints Cambodian lawyer - Phnom Penh Post (August 09, 2010 08:12)
- Ceremony celebrates museum - Phnom Penh Post (August 10, 2010 08:03)
Note: Not only Google News offer RSS feeds but many major as well as niche portals do. Wherever you see the familiar RSS button, it should be a compatible news feed that can be displayed on any page as described above. For additional usage and customisation of the output of news items on a page, see: http://www.mediawiki.org/wiki/Extension:RSS#Usage
[edit] Display Skype address with online or offline status
It is possible to display a Skype address with a button that will launch Skype and call or start a chat. First configure your Skype account to allow its status be shown online, which can be done within the Skype application itself. Simply go to Tools->Options->Privacy and tick the checkbox "Allow my status to be shown on the web".
For further information, see http://www.skype.com/intl/en/share/buttons/status.html
Thereafter, the following example can launch a chat window when the Skype button is clicked:
<skype style="style_name" action="chat"><i>YourSkypeName</i></skype>
The available styles are: balloon, bigclassic, smallclassic, smallicon, mediumicon
The available actions are: add, chat, call
[edit] Adding a comments box on a page
To add a blog style comments field below an article, such as this one: ...
... insert the following at the end of the article:
<comments hideForm="false" />
The comments are added to the discussion section of each page.
