Editing help
From CambodiaVoyage
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
Display an email address link
The following code:
[mailto:hello@cambodiavoyage.com hello@cambodiavoyage.com]
... will display as:
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.
Displaying images
[[Image:Example01|left|70px|]] Align an image to the left of the text... <br clear="all">
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
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>
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}}
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.
CSS
Modify styles in http://www.cambodiavoyage.com/MediaWiki:Monobook.css
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>
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:
- Trial Of Cambodia Khmer Rouge Jailer Duch Exerted Mental Toll On Survivors - Asian Scientist Magazine (February 03, 2012 15:25)
- A Bitter-Sweet Duch Ruling - The Diplomat (February 06, 2012 17:02)
- Taking a class at Tuol Sleng - Phnom Penh Post (January 12, 2012 06:08)
- DC-Cam motivations defended by director - Phnom Penh Post (February 03, 2012 06:58)
- DC-Cam director vouches for docs - Phnom Penh Post (February 02, 2012 05:09)
- Survivors Sell Books at Prison That Once Held Them - Voice of America (January 26, 2012 19:05)
- Documenting Tragedy Reconciles Past - USAID (press release) (January 12, 2012 21:42)
- World Briefs for 02/03 - Richmond Times Dispatch (February 04, 2012 05:13)
- DC-Cam wanted on stand - Phnom Penh Post (January 17, 2012 05:25)
- S-21 survivors still struggle - Phnom Penh Post (February 01, 2012 07:06)
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
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
Adding a comments box on a page
To add a blog style comments field below an article, such as this one: ...
<comments hideForm="false" />
... insert the following at the end of the article:
<comments hideForm="false" />
The comments are added to the discussion section of each page.
