[Home]  [Edit this page]  [Recent Changes]  [Special Pages]  [Help
RenderingSpecs
Displaying differences between revision 1 and the latest revision


&l== Rendering Specificat;b&ions ==¶
=== Contents ===¶
[[Renderin
gSpecs#FR | Format;ting Rules]][br]¶
Basic </b></font>Formatting <font color=green><b>Tags[br]

[[RuenderingSpecs#SCF | Sizes, Colors and Fonts]][br]¶
[[RenderingSp
ecs&#SC | Special Charact;ers]][br]¶
Smilies</b></font>/<font color=green><b>Emoticons[
b&r]¶
Headers[br]¶
[[Renderin
gSpecs#PT | Preformat;&lt;ed Text]][br&
[[Renderin
gSpecs#HL | Horizont;al Lines]][br]
&Linking[br]¶
Specia</b></font>l<font color=green><b> Links[br]¶
Lis</b></font>t<font color=red><strike><b>;</b></strike></font><font color=green><b>s[br]¶
Special Tags/Variables[br]¶
Embedding Images[
br

Note that when you are editing a page, there is a link named
&quot;Formattin</b></font>g<font color=green><b> Reference&quot;. 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.¶

[anchor:FR]¶
=== Formatting Rules ===

All html tags are disabled. The only exception is
that some special characters, such as ¶
&amp;copy;&nbsp;(©),
are allowed.<[br>]
Line breaks&nbsp; (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 [leftbr]
br] where you want the break to be.<br>
<br>
<[b>]Note:<[/b>] you can disable reformatting
of a&nbsp; section by starting the selection with [ign[ignorle]oftbre][/ignore] and ending it with
[ign
[ignorle]oftbre][/ignore].<[br
<
][br>]
[ign[ignore]ore]Notice that this text is [b]all
completely[/b] normal and the tags [italic]are showing[/italic] up as
text.[/ign[/ore]¶

Alternat
igvely, if you just have a single tag that you don't want re]ndered, you can re]&place [left;br&], [right
&
br] or both with [left;br
&
]left;br&] or [rigt;¶
&l
ht;b&r[right;Babr]. This wicll Fstop the script from seeing the tag. It can be a lot less typing
T
thagn s&lurrounding a t;/b&ag wit;&h [left;br&]igt;&nore] and [left;br&]/ignore].[br]¶

[anchor:BFT]¶
=== Basic Forma
t;&lt;b&ingt; Tags ===¶
[b]
Bold<[/b>] - Two methods.<[br>]
&nb[sp;&amp;nbce][sp;&amp;nbce][sp;ace] 1. Place a [ignore]'''[/ignore] (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.<[br>]
&nb[sp;&amp;nbce][sp;&amp;nbce][sp;ace] 2. Start the selection
with [ignorle][ftb][/ignore]b] and end with [ignorle][/ftbr][/ignoreb]. This method will cross line
boundaries.<br>
<br>
[ignore]'''<b&[/igt;nore][b]Bold Text<[/b>'''<br>¶
][ignore][b]'''[/ignore]&[br]¶
[
left;b>r]b][b]Bold
Text<[/b>][ignorleftbr][/b][/ignore]<br>]
'''This text isn't
bold because<[br>]
it crosses a line boundary'''<[br>]
[ignorleftbr][b][/ignore]<b>]This text is
</b><b>
still bold
even</b><[br>]
<b>though it crosses a line
boundary</b>[ignore][/b][/ignore]&left;br>]/b]
<font
face=Ar[ital size=2><br><I>c]Italics<[/I&git;alic] - Two
methods, similar to bold.<[br>]
&nb[sp;&amp;nbce][sp;&amp;nbce][sp;ace] 1. Place a '' (two single
quotes) before and after the selection.<[br>]
&nb[sp;&amp;nbce][sp;&amp;nbce][sp;ace] 2. Start with [ignorleftbr][italic][/ignore] and
end with [ignorleftbr][/italic]

[/ignore].<br>¶

<br>¶
''<[/i&gnore][it;alic]Italicized Text<[/i&gt;alic][ignore]''<[/ignore][br>]
[i]&left;br]i&gt;alic][italic]Italicized
Text<[/i&gt;[/alic]&[left;br&g]/it;alic][br]
''This text <font face=Arial ¶
size=2>
isn't&nbsp; italicized because [br]
it crosses a line boundary<font ¶
face=Arial size=2>
''<[br>&
[
left;br&g]it
[
alic]<[i&gt;alic]This text is </i><font ¶
face=Arial><font size=2><i>
still italicized even</i><[br>]
<i>though it crosses a line
boundary<[/i&gt;[/alic]&[left;br&g]/it;alic]
<br><
[
s&gt;rike]Strikethrough<[/s&gt;rike] - Start with [leftbr]strike] and end with [leftbr]/strike]<br>
&
[
left;br
[
]strike]<[s&gt;rike]Text modified using strikethrough<[/s&gt;&rike][lt;efont face=Abr]/strial ke]
s

[u]Underl
izne=2>[/su] - Start wikth [leftbr]&u] and end with [left;br>]/u]
&
[
left;br&g]u][u]Text; modified using underline[/u]
&[left;br]/u]¶

[
sub>]Subscript<[/sub>] - Start with [leftbr]sub] and end
with [leftbr]/sub]<br>
<br>
[sub]&lt;efont face=Abrial ¶
]size=2><ub][sub>]Subscripted Text<[/sub>&][lt;efont face=Abrial ¶
size=2>[
]/sub]<br>
<br>
<[sup>]Superscript<[/sup>] - Start with [leftbr]sup] and end
with [leftbr]/sup]&

[
left;br&g]sup][sup]Superscript
&
ed text[/sup][left;br>]/sup]¶

[sutt]Typewriter Text[/tt]&l - To use t;he typewriter font, use [leftbr]tt] acnd [le=Aftbr]/tt]. ¶
As you can see, the text is qu
ite small.
It's a good idea to enlarge the font by using the [leftbr]size=2&] tag inside t;&lhe t;suyp&ewriter tag

[lef
t;Subr]tt][tt]Typerscwripttedn text&[/tt][left;br]/sup&gt;&lt;][br]¶
[le
font facbr]tt][le=Aftbr]sial ¶
ze=2][tt][size=2&]Enlarged t;ypewritten text[/supize]&[/tt][left;br&g]/size][left;br]/tt]
&
Center - Start with [
left;br&g]cent;er] and end with [leftbr]/center]¶

[center][leftbr]center]Centered Text[leftbr]/center][/center]¶

To create a space that the browser will neither collapse nor break the line on, use [leftbr]space]. For those HTML gurus, [leftbr]space] is the same as &nbsp; in standard HTML.[br]¶

[anchor:SCF]¶
=== Sizes, Colors and Fonts ===¶
There are
five text sizes available. To modify
your text's size, start with [leftbr]size=x], where x equals a number from 1 to 5, and
end with &[lt;/efont&gt;[br]/size].<br>
&
[
left;br
[
]size=1]<font [size=1>]Size 1 example</font>[/size]&[left;br>]/size][br]
[leftbr]size=2]<font [size=2>]Size 2 example</font>[/size]&[left;br>]/size][br]
[leftbr]size=3]<font [size=3>]Size 3 example</font>[/size]&[left;br>]/size][br]
[leftbr]size=4]<font [size=4>]Size 4 example</font>[/size]&[left;br>]/size][br]
[leftbr]size=5]<font [size=5>]Size 5 example</font>[/size]&[left;br>]/size]
<br>
There are also several text colors to choose from.<br>
<br>
[ignorleftbr][black][/ignore][black]Black text[/black][ignorleftbr][/black][/ignobre]&
[
left;br
[
]blue]<font co[blor=#0000ff>ue]Blue text</font>[/blue]&[left;br>]/blue][br]
[leftbr]green]<font color=#008000&[gt;reen]Green text</font>[/green]&[left;br&]/gt;reen][br]
[leftbr]grey]<font color=#808080&[gt;rey]Grey text</font>[/grey]&[left;br&]/gt;rey][br]
[leftbr]gray]<font color=#808080&[gt;ray]Grey text</font>[/gray]&[left;br&]/gt;ray][br]
[leftbr]purple]<font colo[pur=#800080>ple]Purple text</font>[/purple]&[left;br>]/purple][br]
[leftbr]red]<font colo[r=#ff0000>ed]Red text</font>[/red]&[left;br>]/red][br]
[leftbr]white]<font color=#ffffff&g[whit;e]White text<[/font&gwhit;e][leftbr]/white] &amp;lt;- You can't see it, but trust me: it's white!<[br>]
[leftbr]yellow]&[yelt;font color=#ffff00>w]Yellow text</font>[/yellow]&[left;br
&
]/yelt;low][br>]
<tt>Typewriter Text</tt> - T
Y
o use thecan also contypewriol ther font, use [tt] hand [/tt]. ¶
As
you can see, ther text ishows qup iten. smalRepl.ace I[it's a good lidc]fontname[/italic] witoh the nlargme of the font by
ous wingsh theo [sizhow:¶

[l
e=2ftbr] font=[itag lic]fonside the typnamewr[/iter taglic]].&..[left;br&g]/font;]
<br>
[tfont=arial]&[lt;teft&gbr]font;Typew=arital]Text displayed using text&Arial.[left;br]/tt&gfont;][/tfont]<[br>]
[tfont][size=2verdana]<tt>&[left;br]font size=2>Everdanlarg]Ted xty displayewrd usitteng
t
Vext</tt>&rdana.[left;br]/font>[/size][/tfont]<[br>]
&[font=courier][left;br
T
]fo nt=courieatr]Te axt displacye thatd theusing brCowseur wiler.[l eftbr]/font][/font]¶

Not
ei therat colnlapsey nthor brseak thre line
fon, utse [spare curre].ntly Fsuppor those HTMLd. gYour can us,e the [[special:Contacet | contact]] form isf you theink samnothe asr &amp;fonbsp;t in ¶
stan daesired HTML.<br>
<br>
<b[anchor>:SC]
<b>=== Special Characters</b><br>¶
<br>
===
The following&nbsp; special characters are supported. To get the character,
substitute the tag listed after it.<[br
<
][br>]
&#162; &amp;trade; [ignore]&amp;trade;<[/ignore][br>]
&#169; &amp;copy; [ignore]&amp;copy;<[/ignore][br>]
&#174; &amp;reg; [ignore]&amp;reg;<[/ignore][br>]
&#162; &amp;cent; [ignore]&amp;cent;<[/ignore][br>]
&#172; &amp;euro; [ignore]&amp;euro;<[/ignore][br>]
&#165; &amp;yen; [ignore]&amp;yen;<[/ignore][br>]
&#163; &amp;pound; [ignore]&amp;pound;<[/ignore][br>]
&#164; &amp;curren; [ignore]&amp;curren;<[/ignore][br
<
][br>][br]
<b[anchor>:SE]
<b>=== Smilies/Emoticons</b><br>¶
<br>
===
The following emoticons can be shown by using the tag listed after
it.<[br
<
][br>]
&nbsp;<IMG height=12 alt=""
src="mhtml:mid://00000022/!http
://63.229.91.35/openwiki/owbase/ow/images/icons/emoticon-smile.gif")
w
[idth=14&gt;&nbsp; ore]<br>¶
<
[/IMG>&nbsp;<IMG height=12 alt="&qunot; ¶
s
rc="mhtml:mid://00000022/!http://63.229.91.35/openwiki/ow][base/ow/images/icons/emoticon-wink.gif" r]
width=14>&nbsp; <br>¶
</IMG>&nbsp;<IMG
he[ight=12 alt="" ¶
src="mhtml:mid://00000022/!http://63.229.91.35/ope
nwiki/owbasre/ow][/images/icons/emoticon-laugh.gif&quot; re][br]
width=14>&nbsp; <br>¶
</IMG>&nbsp;<IMG
he[ight=12 alt="" ¶
src="mhtml:mid://00000022/!http://63.229.91.35/ope
nwiki/owbasre/ow][/images/icons/emoticon-sad.gif&quot; re][br]
width=14>&nbsp; <br>¶
</IMG>&nbsp;<IMG
he[ight=12 alt="&qunot; ¶
s
rc="mhtml:mid://00000022/!httpe]://63.229.91.35-([/openwiki/gnowbasre/][br]¶
:-
ow/ [images/icons/emoticon-surprised.gif&qu]:-ot; ¶
w
[/idth=14&gt;&nbsp; :-o<re][br></IMG>¶
<
][br>][br]
<b

[ancho
r>:HE]
<b>=== Headers</b><br>¶
<br>
===
Five header sizes are allowed. For the header number you want, place that
many [space]= [space]before and after the selection but on the same line. Note that there must
be a space between the [space]= [space]symbols and the header text!<[br
<
][br>]
= <font s[izgnore]=6><b> Header 1</b><font size=2&[/igt; =<bnor>e]
== <fontHeader s1 =¶
[
izgnore]=5><b>= Header 2< ==[/b&igt;<font sizore=2> ]
==<b Header> 2 ==
[ignore]=== <font size=4><b>Header 3< ===[/b&igt;<font sizore=2> ]
===<b Header> 3 ===
[ignore]==== <font size=3><b>Header 4< ====[/b&igt;<font sizore
=2>=== Header 4 ====
[ignore]====<b= Header& 5 =====[/igt;nore]
===== <b>Header 5</b> =====<br>
<br><br>
<b[anchor>:HL]
<b>=== Horizontal Lines</b><br>¶
<br>¶

<HR>¶
<br>
===
A horizontal line can be shown by using either [leftbr]hr]
or starting a line with ---- (four dashes/hyphens/minus signs).<[br>][br]
<----[br>]
<b
[ancho
r>:PT]
<b>=== Preformatted Text&l ===¶
Tex
t;/ can b&ge preformat;ted (Mmaintain
spacing and line breaks)<br>¶
<br>¶
Text can be preformatted
in two different ways. One
way shows your text in a monospaced font and preserves your spacing and line
breaks and is the [leftbr]pre]...[leftbr]/pre] tag. The other does the same but provides a
different background color in order to set off the section and is the
[leftbr]code]...[leftbr]/code] tag.<[br>][br]
&[left;br>]pre][br]
[pre]<br><PRE>This is preformatted text using the [leftbr]pre] tag.

Notice the maintained spacing and line breaks.
<
[/PRE>pre]
[leftbr]/pre]<[br>][br]
&[left;br
[
]code]<[br
<TABLE width="100%">¶
<TBODY>¶
<TR>
]
<TD align=left bgCol[cor=#efdefff><CODE>]
<font size=2>Sub CodeTagExample()<br>
<font size=2><br>
<font size=2>&nbsp;&nbsp;&nbsp; Print "This is text
shown&nbsp;&nbsp;&nbsp; using the [leftbr]code] tag.
Notice"<br>&nbsp;&nbsp;&nbsp; Print
Print "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; that
it it&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; shows&nbsp;&nbsp; your
text"<br>&nbsp;&nbsp;&nbsp;
Print&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp; Print
Print "&nbsp;&nbsp;&nbsp; with line breaks and
spacing&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; preserved
and"<br>&nbsp;&nbsp;&nbsp;
Print "&nbsp; &nbsp;&nbsp;&nbsp; provides
a a&nbsp;&nbsp;&nbsp; different background color."<br>
<font size=2>&nbsp;&nbsp;&nbsp; Print<br>
<font size=2>&nbsp;&nbsp;&nbsp; Print "&nbsp; This tag is useful for
displaying&nbsp;&nbsp;&nbsp; code examples.&lt;br&gquot;
<font size=2><br>
<font size=2>End Sub<br></CODE></TD></TR></TBODY></TABLE>
[/code]<br>
&[left;br>]/code][br][br][br]
<b[anchor>:LI]
<b>=== Linking</b><br>¶
<br>
===
To link to another page in the CodePedia, use [leftbr][leftbr]
and ]] to enclose the page's name.&nbsp; 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&nbsp; placed in front&nbsp; of it. Clicking on this <U>?</U> will open the
form to create the new page. (see also </b></font>Naming Conventions<font color=green><b> in &[[specialt;U>h:Help& | helt;/U>p]])
Examples:<[br>][br]
&[left;br
[
][leftbr]Existing Page]] <font face=Arial ¶
size=2>
will be displayed as <U>[[Existing Page</U>]].<[br>]
[leftbr][leftbr]Non-existing Page]] will be displayed as
<U>?</U>
[[Non-existing Page]].<[br
<
][br>]
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.<[br
<
][br
<A
]
href="http://www.codepedia.com">http://www.codepedia.com</A><[br
<A
]
href="webmaster@codepedia.com">webmaster@codepedia.com</A><[br
<
][br>]
To&nbsp; create any of these&nbsp; links&nbsp; and
show friendlier text (such as <A href="[[http://www.CodePedia&qu.cot;>m/ | CodePedia</A>]]), you
need to start with [leftbr][leftbr], then the URL, then a space, |, space, the text to be
shown and finally ]].&l[right;br&][right;br].[br][br]
&[left;br
[
][leftbr]http://www.codepedia.com/ |
CodePedia]]<b[r&igt;¶
&l
ht;br&][right;br][br][br]
Anchors are supported as well.& You can link t;bo an anchor& by simply appendingt;¶
&
a # symbol and t;he anchor's name to the URL. This works for both exter&nal URLs and other pages in t;he CodePedia.[br][br]
&[left;br
&
][left;b&r]Renderingt;Specis#Top]][br][br]¶
To cre
alte Liank anchor, you us&e the anchor tag. Simply replace [it;alic]anchorname[/b&git;&alic] wit;h the anchor's name.[br>][br]
&[left;br>]anchor:anchorname]¶

[anchor:SL]¶
=== 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.<br>
&
[
left;br
[
]user:username]<br>
<br>
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:&

[
left;br
&
][left;br
[[
]RFC:1234]]<br>
<br>
A link to a book at amazon.com can be created like
this, where 1234567890 is the ISBN number of that book:&

[
left;br
&
][left;br
[[
]ISBN: 1234567890]]&

You can a
lt;bso cr&geat;&e a lt;foink to fac printe=Ar-friaendly
versizon of a page=2& by using t;he following link:
&
[
left;br&g]render:print;erfriendly]
<b
[ancho
r>:LS]
<b>=== Lists</b><br>¶
<br>
===
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.<[br
<OL>
]
# <LI>First Item
# <LI>Second Item
<UL>

* <LI>Indented
<UL>

* <LI>Indented more
* <LI>And finally,
<OL>

# <LI>a little more indenting.</LI></OL></LI></UL></LI></UL></LI></OL>
That list would be created by the following text.<[br
<
][br>]
# [space]First Item<[br>
# [space]Second Item<[br>&nb
[
sp;ace] * Indented<[br>&am
[s
p;nbace][sp;ace] * Indented
more<[br>&am
[s
p;nbace][sp;ace] * And finally,<[br>&nb
[
sp;&amce][sp;nbace][sp;ace] # a little more indenting.<[br
<
][br>][br]
<b[anchor>:STV]
<b>=== Special
Tags/Variables</b><br>¶
<br>
===
To show the currently logged-in user's name, you
can use the following tag. If the user is not logged in, then [leftbr]NotLoggedIn] is
shown instead.<[br>][br]
&[left;br
[
]username]<[br
<
][br>]
The following will&nbsp; render&nbsp; a link to
the&nbsp; currently logged-in user's personal page. If the user is not logged in,
then [leftbr]NotLoggedIn] is shown instead.<[br>][br]
&[left;br
[
]userpage]<[br
<
][br>]
The current server time can be shown
using:<[br>][br]
&[left;br
[
]servertime]<[br
<
][br>]
An automatic link to the CodePedia's home page will
be substituted if you use:<[br>][br]
&[left;br
[
]startpage]<[br
<
][br>]
The current page's topic or name is substituted
when you use:<[br>][br]
&[left;br
[
]topic]<[br
<
][br>][br]
<b[anchor>:EI]
<b>=== Embedding Images</b><br>¶
<br>
===
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.&nbsp; You need only to provide the full URL to an image
that&nbsp; has&nbsp; png, jpg or gif for an extension and the script will replace
the URL with the image.<[br
<
][br>]
As an example, inserting the following URL would
result in the image being shown instead of the URL.<[br
<
][br
<A
]
h[ignoref="]http://www.programmersheaven.com/images/reklambanner.gif">http:/[/www.proigrammersheaven.com/images/reklambanner.gif</A><][br
<
][br
<IMG alt="" hspace=0
]
src="http://www.programmersheaven.com/images/reklambanner.gif" align=baseline ¶
border=0><
[br
<
][br>]
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.<[br
<
][br
<
][br>]
Are there any other
tags you'd like to see added? Feel free to contact the </b></font>administrator<font color=green><b> with your
comments.<[br>]



last edited (June 13, 2007) by Jonathan, Number of views: 81284, Current Rev: 27 (Diff)

[Edit this page]  [Page history]  [What links here]  [Discuss this topic]  [Printer Friendly]  
© 1996-2008 Community Networks Ltd. All rights reserved. Reproduction in whole or in part, in any form or medium without express written permission is prohibited. Violators of this policy may be subject to legal action. Please read Terms Of Use and Privacy Statement for more information. Site Management by Lars Hagelin at Kontantkort.se.