[Home]
[Edit this page]
[Recent Changes]
[Special Pages]
[Help]
RenderingSpecs
Basic Formatting Tags
Sizes, Colors and Fonts
Special Characters
Smilies/Emoticons
Headers
Preformatted Text
Horizontal Lines
Linking
Special Links
Lists
Special Tags/Variables
Embedding Images
Note that when you are editing a page, there is a link named "Formatting Reference". This is a pop-up window that shows most of the tags with their uses and provides a quick way to look up a tag you have forgotten.
If you would like to test these tags, we have set up the sandbox for you to do try them in.
Line breaks (when you hit the enter key) are ignored and lines are rejoined. The exception is when you have two in a row (a blank line); then a new paragraph is started. To force a new line, insert a [br] where you want the break to be.
Note: you can disable reformatting of a section by starting the selection with [ignore] and ending it with [/ignore].
Notice that this text is [b]all completely[/b] normal and the tags [italic]are showing[/italic] up as text.
Alternatively, if you just have a single tag that you don't want rendered, you can replace [, ] or both with [leftbr] or [rightbr]. This will stop the script from seeing the tag. It can be a lot less typing than surrounding a tag with [ignore] and [/ignore].
1. Place a ''' (three single quotes) before and after the selection. This method is parsed line by line and is broken if you try to cross line boundaries.
2. Start the selection with [b] and end with [/b]. This method will cross line boundaries.
'''Bold Text'''
[b]Bold Text[/b]
'''This text isn't bold because
it crosses a line boundary'''
[b]This text is still bold even
though it crosses a line boundary[/b]
Italics - Two methods, similar to bold.
1. Place a '' (two single quotes) before and after the selection.
2. Start with [italic] and end with [/italic].
''Italicized Text''
[italic]Italicized Text[/italic]
''This text isn't italicized because
it crosses a line boundary''
[italic]This text is still italicized even
though it crosses a line boundary[/italic]
Strikethrough - Start with [strike] and end with [/strike]
[strike]Text modified using strikethrough[/strike]
Underline - Start with [u] and end with [/u]
[u]Text modified using underline [/u]
Subscript - Start with [sub] and end with [/sub]
[sub]Subscripted Text[/sub]
Superscript - Start with [sup] and end with [/sup]
[sup]Superscripted text[/sup]
Typewriter Text - To use the typewriter font, use [tt] and [/tt]. As you can see, the text is quite small. It's a good idea to enlarge the font by using the [size=2] tag inside the typewriter tag.
[tt]Typewritten text[/tt]
[tt][size=2]Enlarged typewritten text[/size][/tt]
Center - Start with [center] and end with [/center]
To create a space that the browser will neither collapse nor break the line on, use [space]. For those HTML gurus, [space] is the same as in standard HTML.
[size=1]Size 1 example[/size]
[size=2]Size 2 example[/size]
[size=3]Size 3 example[/size]
[size=4]Size 4 example[/size]
[size=5]Size 5 example[/size]
There are also several text colors to choose from.
[black]Black text[/black]
[blue]Blue text[/blue]
[green]Green text[/green]
[grey]Grey text[/grey]
[gray]Grey text[/gray]
[purple]Purple text[/purple]
[red]Red text[/red]
[white]White text[/white] <- You can't see it, but trust me: it's white!
[yellow]Yellow text[/yellow]
You can also control the font that your text shows up in. Replace fontname with the name of the font you wish to show:
[font=fontname]...[/font]
[font=arial]Text displayed using Arial.[/font]
[font=verdana]Text displayed using Verdana.[/font]
[font=courier]Text displayed using Courier.[/font]
Note that only those three fonts are currently supported. You can use the contact form if you think another font is desired.
™ ™
© ©
® ®
¢ ¢
€ €
¥ ¥
£ £
¤ ¤
= Header 1 =
----
[pre]
[code]
[[Existing Page]] will be displayed as Existing Page.
[[Nonexisting Page]] will be displayed as ?Nonexisting Page.
To link to a page outside the CodePedia, simply use the full URL including the protocol at the beginning. URLs starting with http://, https://, news:, ftp:// or mailto: will be recognized and turned into a link.
http://www.codepedia.com
webmaster@codepedia.com
To create any of these links and show friendlier text (such as CodePedia), you need to start with [[, then the URL, then a space, |, space, the text to be shown and finally ]].
[[http://www.codepedia.com/ | CodePedia]]
Anchors are supported as well. You can link to an anchor by simply appending a # symbol and the anchor's name to the URL. This works for both external URLs and other pages in the CodePedia.
[[RenderingSpecs#Top]]
To create an anchor, you use the anchor tag. Simply replace anchorname with the anchor's name.
[anchor:anchorname]
[user:username]
You can create an automatic link to the RFCs (series of technical notes about the internet) at faqs.org like this, where 1234 is the RFC number:
[[RFC:1234]]
A link to a book at amazon.com can be created like this, where 1234567890 is the ISBN number of that book:
[[ISBN: 1234567890]]
You can also create a link to a printer-friendly version of a page by using the following link:
[render:printerfriendly]
* Indented more
* And finally,
# a little more indenting.
[username]
The following will render a link to the currently logged-in user's personal page. If the user is not logged in, then [NotLoggedIn] is shown instead.
[userpage]
The current server time can be shown using:
[servertime]
An automatic link to the CodePedia's home page will be substituted if you use:
[startpage]
The current page's topic or name is substituted when you use:
[topic]
As an example, inserting the following URL would result in the image being shown instead of the URL.
[img=http://www.programmersheaven.com/images/reklambanner.gif]
Although it is on the wish list for a future version, you can not yet upload images. The images must be uploaded elsewhere and then linked to.
Are there any other tags you'd like to see added? Feel free to contact the administrator with your comments.
[Edit this page] [Page history] [What links here] [Discuss this topic] [Printer Friendly]
RenderingSpecs
Rendering Specifications
Contents
Formatting RulesBasic Formatting Tags
Sizes, Colors and Fonts
Special Characters
Smilies/Emoticons
Headers
Preformatted Text
Horizontal Lines
Linking
Special Links
Lists
Special Tags/Variables
Embedding Images
Note that when you are editing a page, there is a link named "Formatting Reference". This is a pop-up window that shows most of the tags with their uses and provides a quick way to look up a tag you have forgotten.
If you would like to test these tags, we have set up the sandbox for you to do try them in.
Formatting Rules
All html tags are disabled. The only exception is that some special characters are allowed.Line breaks (when you hit the enter key) are ignored and lines are rejoined. The exception is when you have two in a row (a blank line); then a new paragraph is started. To force a new line, insert a [br] where you want the break to be.
Note: you can disable reformatting of a section by starting the selection with [ignore] and ending it with [/ignore].
Notice that this text is [b]all completely[/b] normal and the tags [italic]are showing[/italic] up as text.
Alternatively, if you just have a single tag that you don't want rendered, you can replace [, ] or both with [leftbr] or [rightbr]. This will stop the script from seeing the tag. It can be a lot less typing than surrounding a tag with [ignore] and [/ignore].
Basic Formatting Tags
Bold - Two methods.1. Place a ''' (three single quotes) before and after the selection. This method is parsed line by line and is broken if you try to cross line boundaries.
2. Start the selection with [b] and end with [/b]. This method will cross line boundaries.
'''Bold Text'''
[b]Bold Text[/b]
'''This text isn't bold because
it crosses a line boundary'''
[b]This text is still bold even
though it crosses a line boundary[/b]
Italics - Two methods, similar to bold.
1. Place a '' (two single quotes) before and after the selection.
2. Start with [italic] and end with [/italic].
''Italicized Text''
[italic]Italicized Text[/italic]
''This text isn't italicized because
it crosses a line boundary''
[italic]This text is still italicized even
though it crosses a line boundary[/italic]
Strikethrough - Start with [strike] and end with [/strike]
[strike]Text modified using strikethrough[/strike]
Underline - Start with [u] and end with [/u]
[u]Text modified using underline [/u]
Subscript - Start with [sub] and end with [/sub]
[sub]Subscripted Text[/sub]
Superscript - Start with [sup] and end with [/sup]
[sup]Superscripted text[/sup]
Typewriter Text - To use the typewriter font, use [tt] and [/tt]. As you can see, the text is quite small. It's a good idea to enlarge the font by using the [size=2] tag inside the typewriter tag.
[tt]Typewritten text[/tt]
[tt][size=2]Enlarged typewritten text[/size][/tt]
Center - Start with [center] and end with [/center]
[center]Centered Text[/center]
To create a space that the browser will neither collapse nor break the line on, use [space]. For those HTML gurus, [space] is the same as in standard HTML.
Sizes, Colors and Fonts
There are five text sizes available. To modify your text's size, start with [size=x], where x equals a number from 1 to 5, and end with [/size].[size=1]Size 1 example[/size]
[size=2]Size 2 example[/size]
[size=3]Size 3 example[/size]
[size=4]Size 4 example[/size]
[size=5]Size 5 example[/size]
There are also several text colors to choose from.
[black]Black text[/black]
[blue]Blue text[/blue]
[green]Green text[/green]
[grey]Grey text[/grey]
[gray]Grey text[/gray]
[purple]Purple text[/purple]
[red]Red text[/red]
[white]White text[/white] <- You can't see it, but trust me: it's white!
[yellow]Yellow text[/yellow]
You can also control the font that your text shows up in. Replace fontname with the name of the font you wish to show:
[font=fontname]...[/font]
[font=arial]Text displayed using Arial.[/font]
[font=verdana]Text displayed using Verdana.[/font]
[font=courier]Text displayed using Courier.[/font]
Note that only those three fonts are currently supported. You can use the contact form if you think another font is desired.
Special Characters
The following special characters are supported. To get the character, substitute the tag listed after it.™ ™
© ©
® ®
¢ ¢
€ €
¥ ¥
£ £
¤ ¤
Smilies/Emoticons
The following emoticons can be shown by using the tag listed after it. Headers
Five header sizes are allowed. For the header number you want, place that many = before and after the selection but on the same line. Note that there must be a space between the = symbols and the header text!= Header 1 =
Header 1
== Header 2 ==Header 2
=== Header 3 ===Header 3
==== Header 4 ====Header 4
===== Header 5 =====Header 5
Horizontal Lines
A horizontal line can be shown by using either [hr] or starting a line with ---- (four dashes/hyphens/minus signs).----
Preformatted Text
Text can be preformatted (maintain spacing and line breaks) in two different ways. One way shows your text in a monospaced font and preserves your spacing and line breaks and is the [pre]...[/pre] tag. The other does the same but provides a different background color in order to set off the section and is the [code]...[/code] tag.[pre]
This is preformatted text using the [pre] tag. Notice the maintained spacing and line breaks.[/pre]
[code]
Sub CodeTagExample()
Print "This is text shown using the [code] tag. Notice"
Print " that it shows your text"
Print
Print " with line breaks and spacing preserved and"
Print " provides a different background color."
Print
Print " This tag is useful for displaying code examples."
End Sub
[/code]Linking
To link to another page in the CodePedia, use [[ and ]] to enclose the page's name. The text will be shown as a link if the page exists. If it does not, the text will be shown normal but an underlined ? will be placed in front of it. Clicking on this ? will open the form to create the new page. (see also Naming Conventions in help) Examples:[[Existing Page]] will be displayed as Existing Page.
[[Nonexisting Page]] will be displayed as ?Nonexisting Page.
To link to a page outside the CodePedia, simply use the full URL including the protocol at the beginning. URLs starting with http://, https://, news:, ftp:// or mailto: will be recognized and turned into a link.
http://www.codepedia.com
webmaster@codepedia.com
To create any of these links and show friendlier text (such as CodePedia), you need to start with [[, then the URL, then a space, |, space, the text to be shown and finally ]].
[[http://www.codepedia.com/ | CodePedia]]
Anchors are supported as well. You can link to an anchor by simply appending a # symbol and the anchor's name to the URL. This works for both external URLs and other pages in the CodePedia.
[[RenderingSpecs#Top]]
To create an anchor, you use the anchor tag. Simply replace anchorname with the anchor's name.
[anchor:anchorname]
Special Links
To link to a user's page, you can use the user tag. Just replace "username" with the name of the user whose page you wish to link to.[user:username]
You can create an automatic link to the RFCs (series of technical notes about the internet) at faqs.org like this, where 1234 is the RFC number:
[[RFC:1234]]
A link to a book at amazon.com can be created like this, where 1234567890 is the ISBN number of that book:
[[ISBN: 1234567890]]
You can also create a link to a printer-friendly version of a page by using the following link:
[render:printerfriendly]
Lists
There are two kinds of lists; bulleted and numbered. Both are supported here as well as mixing the two types and nesting them. Bulleted are created by using the * symbol (asterisk) and numbered are created by using the # symbol (pound). There must be nothing before the symbol on the line except for spaces, then the symbol, a single space and then the list item. A list starts with a line that has either a * or a # in the very first column followed by a space and ends with a blank line.- First Item
- Second Item
- Indented
- Indented more
- And finally,
- a little more indenting.
- First Item
- Second Item
* Indented more
* And finally,
# a little more indenting.
Special Tags/Variables
To show the currently logged-in user's name, you can use the following tag. If the user is not logged in, then [NotLoggedIn] is shown instead.[username]
The following will render a link to the currently logged-in user's personal page. If the user is not logged in, then [NotLoggedIn] is shown instead.
[userpage]
The current server time can be shown using:
[servertime]
An automatic link to the CodePedia's home page will be substituted if you use:
[startpage]
The current page's topic or name is substituted when you use:
[topic]
Embedding Images
Although a Wiki is supposed to be just fairly plain text to make it easier to read, a method is provided to allow you to place an image in the article. You need only to provide the full URL to an image that has png, jpg or gif for an extension and the script will replace the URL with the image.As an example, inserting the following URL would result in the image being shown instead of the URL.
[img=http://www.programmersheaven.com/images/reklambanner.gif]
Although it is on the wish list for a future version, you can not yet upload images. The images must be uploaded elsewhere and then linked to.
Are there any other tags you'd like to see added? Feel free to contact the administrator with your comments.
[Edit this page] [Page history] [What links here] [Discuss this topic] [Printer Friendly]
