Wiki Markup Guide - Links & Files

This page provides a guide for adding an assortment of links to a wiki page.

Wiki Guides

Index

External Links

External links allow you to link to any url outside your project.
Source Markup
[url:http://www.codeplex.com]
[url:CodePlex|http://www.codeplex.com]
[url:Email Someone|mailto:someone@codeplex.com]

Rendered Markup
http://www.codeplex.com
CodePlex
Email Someone

File Links

File links allow you to link to files that you have uploaded on to a wiki page.
Source Markup
[file:_file id_]
[file:Friendly Text|_file id_]

// Note:
// Leading and trailing whitespace is considered part of the file name in the following markup
[file:_file name_]
[file:Friendly Text|_file name_]
 
// Examples:
[file:3753]
[file:Green Hexagon|3753]
[file:project_icon_lrg.gif]
[file:Green Hexagon|project_icon_lrg.gif]

Rendered Markup
3753
Green Hexagon
project_icon_lrg.gif
Green Hexagon

Image Links

Image links allow you to link to images, either uploaded to a wiki page or hosted elsewhere and linked from the wiki.
Source Markup
[image:_file id_]
[image:Alternate Text|_file id_]

// Note: 
// Leading and trailing whitespace is considered part of the file name in the following markup
[image:_file name_]
[image:Alternate Text|_file name_]

[image:http://msdn.microsoft.com/en-us/vstudio/cc304057.codeplex-thumb.png]
[image:CodePlex Thumbnail|http://msdn.microsoft.com/en-us/vstudio/cc304057.codeplex-thumb.png]

// Examples: 
[image:3753]
[image:Green Hexagon|3753]
[image:project_icon_lrg.gif]
[image:Green Hexagon|project_icon_lrg.gif]
[image:http://msdn.microsoft.com/en-us/vstudio/cc304057.codeplex-thumb.png]
[image:CodePlex Thumbnail|http://msdn.microsoft.com/en-us/vstudio/cc304057.codeplex-thumb.png]

Rendered Markup
3753
Green Hexagon
project_icon_lrg.gif
Green Hexagon



CodePlex Thumbnail

Hyperlinking Images

Images can be hyperlinked using the format below.
Source Markup
[image:<Friendly Name>|<image name or link to the image>|<URL pointed to by image>]

//For example:

[image:My Image|http://www.domain.com/myimage.jpg|http://www.domain.com]

[image:My Image|my_image.jpg|http://www.domain.com]
Rendered Markup
CodePlex

Wrapped Content

Images also allow you to wrap content around the left or right side of it.
Source Markup
<[image:http://www.domain.com/myimage.jpg] This content will flow around the image on the right hand side.
>[imagehttp://www.domain.com/myimage.jpg] This content will flow around the image on the left hand side.

Rendered Markup
 
3753 This content will flow around the image on the right hand side.
 
3753 This content will flow around the image on the left hand side.

Project Links

Project links allow you to link to other pages in your project.

Note: Release, discussion, and work item IDs are found on their detail page under "Wiki Link". For releases this will be on the top right corner instead of listed under the release's details.

Source Markup
// links to another wiki page
[Page Name]
[Friendly Name|Page Name]

// create an anchor
{anchor:anchorName}

// link to an anchor
[#anchorName] 
[Page Name#anchorName]
[Friendly Name|Page Name#anchorName]

// links to a specific thread
[discussion:_thread id_]
[discussion:Friendly Text|_thread id_]

// links to a specific release
[release:_release id_]
[release:Friendly Text|_release id_]

// links to a specific work item
[workitem:_work item id_]
[workitem:Friendly Text|_work item id_]


Rendered Markup
Wiki Formatting
Friendly Text

RenderedLinks
Wiki Formatting
Link to Anchor

Holy Cow, this is great!
Friendly Text

Syntax Highlighting Extension
Friendly Text

Last edited Aug 26, 2010 at 11:38 PM by Ethetica, version 16