1211 lines
43 KiB
Plaintext
1211 lines
43 KiB
Plaintext
|
head 1.19;
|
||
|
access;
|
||
|
symbols;
|
||
|
locks; strict;
|
||
|
comment @# @;
|
||
|
|
||
|
|
||
|
1.19
|
||
|
date 2006.04.01.05.55.17; author TWikiContributor; state Exp;
|
||
|
branches;
|
||
|
next 1.18;
|
||
|
|
||
|
1.18
|
||
|
date 2006.02.01.12.01.20; author TWikiContributor; state Exp;
|
||
|
branches;
|
||
|
next 1.17;
|
||
|
|
||
|
1.17
|
||
|
date 2004.08.15.21.42.19; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.16;
|
||
|
|
||
|
1.16
|
||
|
date 2004.03.17.06.43.22; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.15;
|
||
|
|
||
|
1.15
|
||
|
date 2003.08.22.05.19.29; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.14;
|
||
|
|
||
|
1.14
|
||
|
date 2003.01.09.04.59.29; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.13;
|
||
|
|
||
|
1.13
|
||
|
date 2002.06.28.08.07.00; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.12;
|
||
|
|
||
|
1.12
|
||
|
date 2002.02.22.08.42.00; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.11;
|
||
|
|
||
|
1.11
|
||
|
date 2002.02.22.06.16.13; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.10;
|
||
|
|
||
|
1.10
|
||
|
date 2001.09.15.05.12.41; author MikeMannix; state Exp;
|
||
|
branches;
|
||
|
next 1.9;
|
||
|
|
||
|
1.9
|
||
|
date 2001.09.14.02.09.03; author MikeMannix; state Exp;
|
||
|
branches;
|
||
|
next 1.8;
|
||
|
|
||
|
1.8
|
||
|
date 2001.09.13.08.44.04; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.7;
|
||
|
|
||
|
1.7
|
||
|
date 2001.09.10.07.20.37; author MikeMannix; state Exp;
|
||
|
branches;
|
||
|
next 1.6;
|
||
|
|
||
|
1.6
|
||
|
date 2001.09.07.04.04.37; author MikeMannix; state Exp;
|
||
|
branches;
|
||
|
next 1.5;
|
||
|
|
||
|
1.5
|
||
|
date 2000.11.10.02.17.09; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.4;
|
||
|
|
||
|
1.4
|
||
|
date 2000.08.18.07.50.29; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.3;
|
||
|
|
||
|
1.3
|
||
|
date 2000.02.09.03.37.45; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.2;
|
||
|
|
||
|
1.2
|
||
|
date 99.08.09.06.38.25; author PeterThoeny; state Exp;
|
||
|
branches;
|
||
|
next 1.1;
|
||
|
|
||
|
1.1
|
||
|
date 99.06.13.07.43.27; author thoeny; state Exp;
|
||
|
branches;
|
||
|
next ;
|
||
|
|
||
|
|
||
|
desc
|
||
|
@none
|
||
|
@
|
||
|
|
||
|
|
||
|
1.19
|
||
|
log
|
||
|
@buildrelease
|
||
|
@
|
||
|
text
|
||
|
@%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="19"}%
|
||
|
---++ Text Formatting FAQ
|
||
|
|
||
|
The most frequently asked questions about text formatting are answered. Also, TextFormattingRules contains the complete TWiki shorthand system on one quick reference page.
|
||
|
|
||
|
%TOC%
|
||
|
|
||
|
---
|
||
|
---+++ How do I make a separator?
|
||
|
|
||
|
Create a separator - a horizontal rule - by entering three dashes at the beginning of a blank line: =---=. You can enter more than three if you like, for a more visible separator in edit mode: <br />
|
||
|
=--------------=
|
||
|
|
||
|
--------------
|
||
|
---+++ How do I create a heading?
|
||
|
|
||
|
You can create six sizes of headings - <h1>...<h6> in HTML - by typing, from the beginning of a line, three dashes (-), from one to six plus signs (+), a space, and your heading text. The FAQ questions on this page are created with: =---+++ Have a question?=.
|
||
|
* You can insert a nested table of contents, generated from headings, by placing =%<nop>TOC%= wherever you like on a page (see %TWIKIWEB%.TWikiVariables for more =%<nop>TOC%= options).
|
||
|
|
||
|
-----
|
||
|
#TextEnclosed
|
||
|
---+++ Text enclosed in angle brackets like <filename> is not displayed. How can I show it as it is?
|
||
|
|
||
|
TWiki interprets text as HTML, and the '<' and '>' characters define where HTML commands start and end. Text _inside_ angle brackets is treated as HTML, and ignored if it doesn't actually do anything - either way, the brackets and its contents are not displayed.
|
||
|
|
||
|
If you want to display angle brackets, enter them as HTML codes instead of typing them in directly:
|
||
|
* =&lt;= = =<= <br />
|
||
|
=&gt;= = =>=
|
||
|
|
||
|
* __You enter:__ =(a &gt; 0)= <p />
|
||
|
__Result:__ =(a > 0)=
|
||
|
|
||
|
---
|
||
|
---+++ Some words appear highlighted, with a "?" link at the end. How can I prevent that?
|
||
|
|
||
|
A question mark after a word is a link to a topic that doesn't yet exist - click it to create the new page. This is a TWiki feature - typing a MeaningfulTitle in a comment is an invitation for someone else to add a new branch to the topic.
|
||
|
|
||
|
To prevent auto-linking - say you want to enter a word like <nop>JavaScript (the proper spelling!) - prefix the WikiStyleWord with an exclamation point:
|
||
|
|
||
|
* =!WikiStyleWord= displays as !WikiStyleWord
|
||
|
|
||
|
---
|
||
|
---+++ How can I write fixed font text?
|
||
|
|
||
|
The quickest way is to enclose the text in equal signs:
|
||
|
|
||
|
* __You enter:__ =Proportional text, <nop>=fixed font=<nop>, proportional again.= <p />
|
||
|
__Result:__ Proportional text, =fixed font=, proportional again.
|
||
|
|
||
|
---
|
||
|
#VerbatimText
|
||
|
---+++ Text I enter gets wrapped around. How can I keep the formatting as it is?
|
||
|
|
||
|
TWiki interprets text as HTML, so you can use the =preformatted= HTML option to keep the new line of text as is. Enclose the text in <pre> </pre>, or in TWiki's own <verbatim> </verbatim> tag:
|
||
|
<pre>
|
||
|
This text will keep its format as it is:
|
||
|
<verbatim>
|
||
|
Unit Price Qty Cost
|
||
|
------- ------ --- ------
|
||
|
aaa 12.00 3 36.00
|
||
|
</verbatim>
|
||
|
</pre>
|
||
|
|
||
|
The =pre= tag is standard HTML; =verbatim= is a special TWiki tag that forces text to fixed font mode, and also prevents other tags and TWiki shortcuts from being expanded.
|
||
|
|
||
|
*NOTE:* VARIABLES are still Set within verbatim tags (this is a historical peculiarity)
|
||
|
|
||
|
---
|
||
|
---+++ How do I create tables?
|
||
|
|
||
|
There are three possibilities:
|
||
|
1 Use Wiki rule with "|" vertical bars.
|
||
|
2 Use HTML tables with <table>, <tr>, <td> tags.
|
||
|
3 Use preformatted text with <verbatim> tags.
|
||
|
|
||
|
*1. Use Wiki rule with "|" vertical bars*
|
||
|
|
||
|
* Example text: %BR%
|
||
|
=| cell A1 | cell B1 | cell C1 |= %BR%
|
||
|
=| cell A2 | cell B2 | cell C2 |=
|
||
|
* Example output:
|
||
|
| cell A1 | cell B1 | cell C1 |
|
||
|
| cell A2 | cell B2 | cell C2 |
|
||
|
|
||
|
*2. Use HTML tables with <table>, <tr>, <td> tags*
|
||
|
|
||
|
This is a manual process using HTML commands.
|
||
|
|
||
|
__You enter:__
|
||
|
|
||
|
<pre>
|
||
|
<table border="1">
|
||
|
<tr>
|
||
|
<th> Head A </th> <th> Head B </th>
|
||
|
</tr><tr>
|
||
|
<td> Cell A2 </td> <td> Cell B2 </td>
|
||
|
</tr><tr>
|
||
|
<td> Cell A3 </td> <td> Cell B3 </td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</pre>
|
||
|
|
||
|
__Result:__
|
||
|
|
||
|
<table border="1">
|
||
|
<tr>
|
||
|
<th> Head A </th> <th> Head B </th>
|
||
|
</tr><tr>
|
||
|
<td> Cell A2 </td> <td> Cell B2 </td>
|
||
|
</tr><tr>
|
||
|
<td> Cell A3 </td> <td> Cell B3 </td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
|
||
|
*3. Use preformatted text with <verbatim> tags*
|
||
|
|
||
|
See [[#VerbatimText]["Text I enter gets wrapped around..."]]
|
||
|
|
||
|
|
||
|
---
|
||
|
|
||
|
---+++ Can I include images on a page?
|
||
|
|
||
|
Yes. The easiest way is to [[FileAttachment][attach]] a GIF, JPG or PNG file to a topic and then to place it with: =%<nop>ATTACHURL%/myImage.gif=. This works only for the topic where the image is attached to.
|
||
|
|
||
|
To place an image on any topic, there are two ways of including inline images.
|
||
|
|
||
|
*1. Using URL ending in .gif, .jpg, .jpeg, .png*
|
||
|
|
||
|
This is a simple and automatic way of including inline images. Simply write the URL of the image file, this will create the inline image for you. __NOTE:__ The images must be [[#ImgUpload][accessible]] as a URL.
|
||
|
|
||
|
* __You enter:__ <code> %<nop>PUBURL%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif logo.</code> <br />
|
||
|
__Result:__ %PUBURL%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif logo.
|
||
|
|
||
|
#ImgUpload
|
||
|
You can upload images directly to your server with FTP access. You can also [[FileAttachment][attach]] image files to a topic - you could even create a dedicated image topic, like =ImageLibrary= - and then link to the images directly:
|
||
|
* Attach =pic.gif= to =Someweb.SomeTopic= <br />
|
||
|
Display with =%<nop>PUBURL%/Someweb/SomeTopic/pic.gif=
|
||
|
|
||
|
*2. Using <img> tag*
|
||
|
|
||
|
This is a manual process where you have more control over the rendering of the image. Use the <img> tag of HTML to include GIF, JPG and PNG files. *Note:* The rendering of the topic is faster if you include the =width= and =height= parameters that have the actual image size. http://www.htmlhelp.com/reference/wilbur/special/img.html has more on inline images.
|
||
|
|
||
|
* __You enter:__ <code> <img src="%<nop>PUBURLPATH%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif" width="80" height="15" border="0" alt="logo" /> logo.</code><br />
|
||
|
__Result:__ <br /> <img src="%PUBURLPATH%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif" width="80" height="15" border="0" alt="logo" /> logo.
|
||
|
|
||
|
-----
|
||
|
---+++ Can I write colored text?
|
||
|
|
||
|
TWikiPreferences defines some commonly used colors: *%YELLOW% %<nop>YELLOW%%ENDCOLOR%, %RED% %<nop>RED%%ENDCOLOR%, %PINK% %<nop>PINK%%ENDCOLOR%, %PURPLE% %<nop>PURPLE%%ENDCOLOR%, %TEAL% %<nop>TEAL%%ENDCOLOR%, %NAVY% %<nop>NAVY%%ENDCOLOR%, %BLUE% %<nop>BLUE%%ENDCOLOR%, %AQUA% %<nop>AQUA%%ENDCOLOR%, %LIME% %<nop>LIME%%ENDCOLOR%, %GREEN% %<nop>GREEN%%ENDCOLOR%, %OLIVE% %<nop>OLIVE%%ENDCOLOR%, %MAROON% %<nop>MAROON%%ENDCOLOR%, %BLACK% %<nop>BLACK%%ENDCOLOR%, %GRAY% %<nop>GRAY%%ENDCOLOR%, %SILVER% %<nop>SILVER%%ENDCOLOR%* and *%<nop>ENDCOLOR%*.
|
||
|
|
||
|
* __You enter:__ =%<nop>RED% red text %<nop>ENDCOLOR% and %<nop>GREEN% green text %<nop>ENDCOLOR%= <p />
|
||
|
__Result:__ %RED% red text %ENDCOLOR% and %GREEN% green text %ENDCOLOR%
|
||
|
|
||
|
__Note:__ =%<color>%= text must end with =%<nop>ENDCOLOR%= . If you want to switch from one color to another one you first need to end the active color with =%<nop>ENDCOLOR%=, e.g. write =%<nop>RED% some text %<nop>ENDCOLOR% %<nop>GREEN% more text %<nop>ENDCOLOR%=.
|
||
|
|
||
|
If you need more colors you can use HTML, like =<font color="#ff0000"> red text </font>=. You can also use the up-to-date =style= attribute - ex: =style="color:#ff0000"= - placed in most HTML tags. =span= is an all-purpose choice: =<span style="color:#ff0000">CoLoR</span>=. Only old (like 3.x IE & NS) browsers have a problem with =style=.
|
||
|
|
||
|
The code is the _hexadecimal RGB color code_, which is simply Red, Green and Blue values in hex notation (base 16, 0-F). For pure red, the RGB components are 255-0-0 - full red (255), no green or blue. That's FF-0-0 in hex, or ="#ff0000"= for Web page purposes. StandardColors lists basic colors.
|
||
|
|
||
|
-----
|
||
|
|
||
|
@
|
||
|
|
||
|
|
||
|
1.18
|
||
|
log
|
||
|
@buildrelease
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="18"}%
|
||
|
d18 1
|
||
|
a18 1
|
||
|
* You can insert a nested table of contents, generated from headings, by placing =%<nop>TOC%= wherever you like on a page (see %TWIKIWEB%.TWikiVariables for more =%<nop>TOC%= options).
|
||
|
d27 2
|
||
|
a28 2
|
||
|
* =&lt;= = =<= <br />
|
||
|
=&gt;= = =>=
|
||
|
d30 2
|
||
|
a31 2
|
||
|
* __You enter:__ =(a &gt; 0)= <p />
|
||
|
__Result:__ =(a > 0)=
|
||
|
d40 1
|
||
|
a40 1
|
||
|
* =!WikiStyleWord= displays as !WikiStyleWord
|
||
|
d47 2
|
||
|
a48 2
|
||
|
* __You enter:__ =Proportional text, <nop>=fixed font=<nop>, proportional again.= <p />
|
||
|
__Result:__ Proportional text, =fixed font=, proportional again.
|
||
|
d58 1
|
||
|
a58 1
|
||
|
Unit Price Qty Cost
|
||
|
d60 1
|
||
|
a60 1
|
||
|
aaa 12.00 3 36.00
|
||
|
d72 3
|
||
|
a74 3
|
||
|
1 Use Wiki rule with "|" vertical bars.
|
||
|
2 Use HTML tables with <table>, <tr>, <td> tags.
|
||
|
3 Use preformatted text with <verbatim> tags.
|
||
|
d78 6
|
||
|
a83 6
|
||
|
* Example text: %BR%
|
||
|
=| cell A1 | cell B1 | cell C1 |= %BR%
|
||
|
=| cell A2 | cell B2 | cell C2 |=
|
||
|
* Example output:
|
||
|
| cell A1 | cell B1 | cell C1 |
|
||
|
| cell A2 | cell B2 | cell C2 |
|
||
|
d94 1
|
||
|
a94 1
|
||
|
<th> Head A </th> <th> Head B </th>
|
||
|
d96 1
|
||
|
a96 1
|
||
|
<td> Cell A2 </td> <td> Cell B2 </td>
|
||
|
d98 1
|
||
|
a98 1
|
||
|
<td> Cell A3 </td> <td> Cell B3 </td>
|
||
|
d107 1
|
||
|
a107 1
|
||
|
<th> Head A </th> <th> Head B </th>
|
||
|
d109 1
|
||
|
a109 1
|
||
|
<td> Cell A2 </td> <td> Cell B2 </td>
|
||
|
d111 1
|
||
|
a111 1
|
||
|
<td> Cell A3 </td> <td> Cell B3 </td>
|
||
|
d132 2
|
||
|
a133 2
|
||
|
* __You enter:__ <code> %<nop>PUBURL%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif logo.</code> <br />
|
||
|
__Result:__ %PUBURL%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif logo.
|
||
|
d137 2
|
||
|
a138 2
|
||
|
* Attach =pic.gif= to =Someweb.SomeTopic= <br />
|
||
|
Display with =%<nop>PUBURL%/Someweb/SomeTopic/pic.gif=
|
||
|
d144 2
|
||
|
a145 2
|
||
|
* __You enter:__ <code> <img src="%<nop>PUBURLPATH%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif" width="80" height="15" border="0" alt="logo" /> logo.</code><br />
|
||
|
__Result:__ <br /> <img src="%PUBURLPATH%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif" width="80" height="15" border="0" alt="logo" /> logo.
|
||
|
d152 2
|
||
|
a153 2
|
||
|
* __You enter:__ =%<nop>RED% red text %<nop>ENDCOLOR% and %<nop>GREEN% green text %<nop>ENDCOLOR%= <p />
|
||
|
__Result:__ %RED% red text %ENDCOLOR% and %GREEN% green text %ENDCOLOR%
|
||
|
@
|
||
|
|
||
|
|
||
|
1.17
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1092606139" format="1.0" version="1.17"}%
|
||
|
d66 2
|
||
|
d78 2
|
||
|
a79 2
|
||
|
* Example text: <br>
|
||
|
=| cell A1 | cell B1 | cell C1 |= <br>
|
||
|
d124 1
|
||
|
a124 1
|
||
|
Yes. The easiest way is to [[FileAttachment][attach]] a GIF, JPG or PNG file to a topic and then to place it with: =%<nop>ATTACHURL%/myImage.gif=. This works only for the page that the image is attached to.
|
||
|
d126 1
|
||
|
a126 1
|
||
|
To place an image on any page, ther are two ways of including inline images.
|
||
|
d132 2
|
||
|
a133 2
|
||
|
* __You enter:__ <code> TWiki <nop>%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo.</code> <br />
|
||
|
__Result:__ TWiki %PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo.
|
||
|
d138 1
|
||
|
a138 1
|
||
|
Display with =<no>%PUBURL%/Someweb/<nop>SomeTopic/pic.gif=
|
||
|
d142 1
|
||
|
a142 1
|
||
|
This is a manual process where you have more control over the rendering of the image. Use the <img> tag of HTML to include GIF, JPG and PNG files. *Note:* The display of the topic is faster if you include the =WIDTH= and =HEIGHT= parameters that have the actual image size. http://www.htmlhelp.com/reference/wilbur/special/img.html has more on inline images.
|
||
|
d144 2
|
||
|
a145 2
|
||
|
* __You enter:__ <code>TWiki <img src="%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.</code><br />
|
||
|
__Result:__ <br /> TWiki <img src="%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.
|
||
|
a162 3
|
||
|
-- TWiki:Main.PeterThoeny - 15 Aug 2004 %BR%
|
||
|
-- TWiki:Main.MikeMannix - 14 Sep 2001 %BR%
|
||
|
|
||
|
@
|
||
|
|
||
|
|
||
|
1.16
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 163
|
||
|
a163 162
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1079505802" format="1.0" version="1.16"}%
|
||
|
---++!! Text Formatting FAQ
|
||
|
|
||
|
The most frequently asked questions about text formatting are answered. Also, TextFormattingRules contains the complete TWiki shorthand system on one quick reference page.
|
||
|
|
||
|
%TOC%
|
||
|
|
||
|
<blockquote>
|
||
|
---
|
||
|
---+++ How do I make a separator?
|
||
|
|
||
|
Create a separator - a horizontal rule - by entering three dashes at the beginning of a blank line: =---=. You can enter more than three if you like, for a more visible separator in edit mode: <br />
|
||
|
=--------------=
|
||
|
|
||
|
--------------
|
||
|
---+++ How do I create a heading?
|
||
|
|
||
|
You can create six sizes of headings - <h1>...<h6> in HTML - by typing, from the beginning of a line, three dashes (-), from one to six plus signs (+), a space, and your heading text. The FAQ questions on this page are created with: =---+++ Have a question?=.
|
||
|
* You can insert a nested table of contents, generated from headings, by placing =%<nop>TOC%= wherever you like on a page (see %TWIKIWEB%.TWikiVariables for more =%<nop>TOC%= options).
|
||
|
|
||
|
-----
|
||
|
#TextEnclosed
|
||
|
---+++ Text enclosed in angle brackets like <filename> is not displayed. How can I show it as it is?
|
||
|
|
||
|
TWiki interprets text as HTML, and the '<' and '>' characters define where HTML commands start and end. Text _inside_ angle brackets is treated as HTML, and ignored if it doesn't actually do anything - either way, the brackets and its contents are not displayed.
|
||
|
|
||
|
If you want to display angle brackets, enter them as HTML codes instead of typing them in directly:
|
||
|
* =&lt;= = =<= <br />
|
||
|
=&gt;= = =>=
|
||
|
|
||
|
* __You enter:__ =(a &gt; 0)= <p />
|
||
|
__Result:__ =(a > 0)=
|
||
|
|
||
|
---
|
||
|
---+++ Some words appear highlighted, with a "?" link at the end. How can I prevent that?
|
||
|
|
||
|
A question mark after a word is a link to a topic that doesn't yet exist - click it to create the new page. This is a TWiki feature - typing a MeaningfulTitle in a comment is an invitation for someone else to add a new branch to the topic.
|
||
|
|
||
|
To prevent auto-linking - say you want to enter a word like <nop>JavaScript (the proper spelling!) - prefix the WikiStyleWord with the special TWiki HTML tag =<nop>=:
|
||
|
|
||
|
* =<nop>WikiStyleWord= displays as <nop>WikiStyleWord
|
||
|
|
||
|
---
|
||
|
---+++ How can I write fixed font text?
|
||
|
|
||
|
The quickest way is to enclose the text in equal signs:
|
||
|
|
||
|
* __You enter:__ =Proportional text, <nop>=fixed font=<nop>, proportional again.= <p />
|
||
|
__Result:__ Proportional text, =fixed font=, proportional again.
|
||
|
|
||
|
---
|
||
|
#VerbatimText
|
||
|
---+++ Text I enter gets wrapped around. How can I keep the formatting as it is?
|
||
|
|
||
|
TWiki interprets text as HTML, so you can use the =preformatted= HTML option to keep the new line of text as is. Enclose the text in <pre> </pre>, or in TWiki's own <verbatim> </verbatim> tag:
|
||
|
<pre>
|
||
|
This text will keep its format as it is:
|
||
|
<verbatim>
|
||
|
Unit Price Qty Cost
|
||
|
------- ------ --- ------
|
||
|
aaa 12.00 3 36.00
|
||
|
</verbatim>
|
||
|
</pre>
|
||
|
|
||
|
The =pre= tag is standard HTML; =verbatim= is a special TWiki tag that forces text to fixed font mode, and also prevents other tags and TWiki shortcuts from being expanded.
|
||
|
|
||
|
---
|
||
|
---+++ How do I create tables?
|
||
|
|
||
|
There are three possibilities:
|
||
|
1 Use Wiki rule with "|" vertical bars.
|
||
|
2 Use HTML tables with <table>, <tr>, <td> tags.
|
||
|
3 Use preformatted text with <verbatim> tags.
|
||
|
|
||
|
*1. Use Wiki rule with "|" vertical bars*
|
||
|
|
||
|
* Example text: <br>
|
||
|
=| cell A1 | cell B1 | cell C1 |= <br>
|
||
|
=| cell A2 | cell B2 | cell C2 |=
|
||
|
* Example output:
|
||
|
| cell A1 | cell B1 | cell C1 |
|
||
|
| cell A2 | cell B2 | cell C2 |
|
||
|
|
||
|
*2. Use HTML tables with <table>, <tr>, <td> tags*
|
||
|
|
||
|
This is a manual process using HTML commands.
|
||
|
|
||
|
__You enter:__
|
||
|
|
||
|
<pre>
|
||
|
<table border="1">
|
||
|
<tr>
|
||
|
<th> Head A </th> <th> Head B </th>
|
||
|
</tr><tr>
|
||
|
<td> Cell A2 </td> <td> Cell B2 </td>
|
||
|
</tr><tr>
|
||
|
<td> Cell A3 </td> <td> Cell B3 </td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</pre>
|
||
|
|
||
|
__Result:__
|
||
|
|
||
|
<table border="1">
|
||
|
<tr>
|
||
|
<th> Head A </th> <th> Head B </th>
|
||
|
</tr><tr>
|
||
|
<td> Cell A2 </td> <td> Cell B2 </td>
|
||
|
</tr><tr>
|
||
|
<td> Cell A3 </td> <td> Cell B3 </td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
|
||
|
*3. Use preformatted text with <verbatim> tags*
|
||
|
|
||
|
See [[#VerbatimText]["Text I enter gets wrapped around..."]]
|
||
|
|
||
|
---
|
||
|
---+++ Can I include images on a page?
|
||
|
|
||
|
Yes. The easiest way is to [[FileAttachment][attach]] a GIF, JPG or PNG file to a topic and then to place it with: =%<nop>ATTACHURL%/myImage.gif=. This works only for the page that the image is attached to.
|
||
|
|
||
|
To place an image on any page, ther are two ways of including inline images.
|
||
|
|
||
|
*1. Using URL ending in .gif, .jpg, .jpeg, .png*
|
||
|
|
||
|
This is a simple and automatic way of including inline images. Simply write the URL of the image file, this will create the inline image for you. __NOTE:__ The images must be [[#ImgUpload][accessible]] as a URL.
|
||
|
|
||
|
* __You enter:__ <code> TWiki <nop>%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo.</code> <br />
|
||
|
__Result:__ TWiki %PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo.
|
||
|
|
||
|
#ImgUpload
|
||
|
You can upload images directly to your server with FTP access. You can also [[FileAttachment][attach]] image files to a topic - you could even create a dedicated image topic, like =ImageLibrary= - and then link to the images directly:
|
||
|
* Attach =pic.gif= to =Someweb.SomeTopic= <br />
|
||
|
Display with =<no>%PUBURL%/Someweb/<nop>SomeTopic/pic.gif=
|
||
|
|
||
|
*2. Using <img> tag*
|
||
|
|
||
|
This is a manual process where you have more control over the rendering of the image. Use the <img> tag of HTML to include GIF, JPG and PNG files. *Note:* The display of the topic is faster if you include the =WIDTH= and =HEIGHT= parameters that have the actual image size. http://www.htmlhelp.com/reference/wilbur/special/img.html has more on inline images.
|
||
|
|
||
|
* __You enter:__ <code>TWiki <img src="%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.</code><br />
|
||
|
__Result:__ <br /> TWiki <img src="%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.
|
||
|
|
||
|
-----
|
||
|
---+++ Can I write colored text?
|
||
|
|
||
|
TWikiPreferences defines some commonly used colors: *%YELLOW% %<nop>YELLOW%%ENDCOLOR%, %RED% %<nop>RED%%ENDCOLOR%, %PINK% %<nop>PINK%%ENDCOLOR%, %PURPLE% %<nop>PURPLE%%ENDCOLOR%, %TEAL% %<nop>TEAL%%ENDCOLOR%, %NAVY% %<nop>NAVY%%ENDCOLOR%, %BLUE% %<nop>BLUE%%ENDCOLOR%, %AQUA% %<nop>AQUA%%ENDCOLOR%, %LIME% %<nop>LIME%%ENDCOLOR%, %GREEN% %<nop>GREEN%%ENDCOLOR%, %OLIVE% %<nop>OLIVE%%ENDCOLOR%, %MAROON% %<nop>MAROON%%ENDCOLOR%, %BLACK% %<nop>BLACK%%ENDCOLOR%, %GRAY% %<nop>GRAY%%ENDCOLOR%, %SILVER% %<nop>SILVER%%ENDCOLOR%* and *%<nop>ENDCOLOR%*.
|
||
|
|
||
|
* __You enter:__ =%<nop>RED% red text %<nop>ENDCOLOR% and %<nop>GREEN% green text %<nop>ENDCOLOR%= <p />
|
||
|
__Result:__ %RED% red text %ENDCOLOR% and %GREEN% green text %ENDCOLOR%
|
||
|
|
||
|
__Note:__ =%<color>%= text must end with =%<nop>ENDCOLOR%= . If you want to switch from one color to another one you first need to end the active color with =%<nop>ENDCOLOR%=, e.g. write =%<nop>RED% some text %<nop>ENDCOLOR% %<nop>GREEN% more text %<nop>ENDCOLOR%=.
|
||
|
|
||
|
If you need more colors you can use HTML, like =<font color="#ff0000"> red text </font>=. You can also use the up-to-date =style= attribute - ex: =style="color:#ff0000"= - placed in most HTML tags. =span= is an all-purpose choice: =<span style="color:#ff0000">CoLoR</span>=. Only old (like 3.x IE & NS) browsers have a problem with =style=.
|
||
|
|
||
|
The code is the _hexadecimal RGB color code_, which is simply Red, Green and Blue values in hex notation (base 16, 0-F). For pure red, the RGB components are 255-0-0 - full red (255), no green or blue. That's FF-0-0 in hex, or ="#ff0000"= for Web page purposes. StandardColors lists basic colors.
|
||
|
|
||
|
-----
|
||
|
</blockquote>
|
||
|
|
||
|
-- TWiki:Main.PeterThoeny - 16 Mar 2004 <br />
|
||
|
-- TWiki:Main.MikeMannix - 14 Sep 2001 <br />
|
||
|
@
|
||
|
|
||
|
|
||
|
1.15
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1061529569" format="1.0" version="1.15"}%
|
||
|
d156 1
|
||
|
a156 1
|
||
|
The code is the _hexadecimal RGB color code_, which is simply Red, Green and Blue values in hex notation (base 16, 0-F). For pure red, the RGB components are 255-0-0 - full red (255), no green or blue. That's FF-0-0 in hex, or ="#ff000"= for Web page purposes. StandardColors lists basic colors.
|
||
|
d161 2
|
||
|
a162 2
|
||
|
-- PeterThoeny - 21 Feb 2002 <br />
|
||
|
-- MikeMannix - 14 Sep 2001 <br />
|
||
|
@
|
||
|
|
||
|
|
||
|
1.14
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1042088369" format="1.0" version="1.14"}%
|
||
|
d52 1
|
||
|
d116 1
|
||
|
a116 1
|
||
|
See [[#TextEnclosed]["Text enclosed..."]]
|
||
|
@
|
||
|
|
||
|
|
||
|
1.13
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 2
|
||
|
a2 2
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1025251620" format="1.0" version="1.13"}%
|
||
|
<font size="+3"><b>Text Formatting FAQ</b></font>
|
||
|
@
|
||
|
|
||
|
|
||
|
1.12
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1014367320" format="1.0" version="1.12"}%
|
||
|
d128 2
|
||
|
a129 2
|
||
|
* __You enter:__ <code> TWiki <nop>%PUBURL%/wikiHome.gif logo.</code> <br />
|
||
|
__Result:__ TWiki %PUBURL%/wikiHome.gif logo.
|
||
|
d140 2
|
||
|
a141 2
|
||
|
* __You enter:__ <code>TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" border="0" alt="logo" /> logo.</code><br />
|
||
|
__Result:__ <br /> TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" border="0" alt="logo" /> logo.
|
||
|
@
|
||
|
|
||
|
|
||
|
1.11
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1014358573" format="1.0" version="1.11"}%
|
||
|
d146 1
|
||
|
a146 1
|
||
|
Sure. The quickest way is to go <font color="colorCode">colorize</font> - =font= is an HTML tag that works in any browser, although it's been phased out in the latest HTML specs.
|
||
|
d148 2
|
||
|
a149 1
|
||
|
You can also use the up-to-date =style= attribute - ex: =style="color:#ff0000"= - placed in most HTML tags. =span= is an all-purpose choice: "<span style="color:#ff0000">CoLoR</span>. Only old (like 3.x IE & NS) browsers have a problem with =style=.
|
||
|
d151 1
|
||
|
a151 1
|
||
|
"colorCode" is the _hexadecimal RGB color code_, which is simply Red, Green and Blue values in hex notation (base 16, 0-F). For pure red, the RGB components are 255-0-0 - full red (255), no green or blue. That's FF-0-0 in hex, or ="#ff000=" for Web page purposes. For a basic color selection (you can [[StandardColors][StandardColor]] names instead of hex code in the =font= tag only):
|
||
|
d153 1
|
||
|
a153 23
|
||
|
<table>
|
||
|
<tr bgcolor="#e0e0e0">
|
||
|
<td><font color="#000000"> *Black:* </font></td><td> ="#000000"= </td>
|
||
|
<td><font color="#008000"> *Green:* </font></td><td> ="#008000"= </td>
|
||
|
<td><font color="#c0c0c0"> *Silver:* </font></td><td> ="#c0c0c0"= </td>
|
||
|
<td><font color="#00ff00"> *Lime:* </font></td><td> ="#00ff00"= </td>
|
||
|
</tr><tr bgcolor="#c0c0c0">
|
||
|
<td><font color="#808080"> *Gray:* </font></td><td> ="#808080"= </td>
|
||
|
<td><font color="#808000"> *Olive:* </font></td><td> ="#808000"= </td>
|
||
|
<td><font color="#ffffff"> *White:* </font></td><td> ="#ffffff"= </td>
|
||
|
<td><font color="#ffff00"> *Yellow:* </font></td><td> ="#ffff00"= </td>
|
||
|
</tr><tr bgcolor="#e0e0e0">
|
||
|
<td><font color="#800000"> *Maroon:* </font></td><td> ="#800000"= </td>
|
||
|
<td><font color="#000080"> *Navy:* </font></td><td> ="#000080"= </td>
|
||
|
<td><font color="#ff0000"> *Red:* </font></td><td> ="#ff0000"= </td>
|
||
|
<td><font color="#0000ff"> *Blue:* </font></td><td> ="#0000ff"= </td>
|
||
|
</tr><tr bgcolor="#c0c0c0">
|
||
|
<td><font color="#800080"> *Purple:* </font></td><td> ="#800080"= </td>
|
||
|
<td><font color="#008080"> *Teal:* </font></td><td> ="#008080"= </td>
|
||
|
<td><font color="#ff00ff"> *Fuchsia:* </font></td><td> ="#ff00ff"= </td>
|
||
|
<td><font color="#00ffff"> *Aqua:* </font></td><td> ="#00ffff"= </td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
d155 1
|
||
|
a155 2
|
||
|
* __You enter:__ <code> <font color="#ff0000"> Red color </font> draws attention. </code><p>
|
||
|
__Result:__ <font color="#ff0000"> Red color </font> draws attention.
|
||
|
d160 1
|
||
|
a160 1
|
||
|
-- PeterThoeny - 13 Sep 2001 <br />
|
||
|
@
|
||
|
|
||
|
|
||
|
1.10
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="MikeMannix" date="1000530761" format="1.0" version="1.10"}%
|
||
|
d169 1
|
||
|
a169 1
|
||
|
<td><font color="#800080"> *Purple:* </font></td><td>="#800080"= </td>
|
||
|
@
|
||
|
|
||
|
|
||
|
1.9
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1000464173" format="1.0" version="1.9"}%
|
||
|
d12 2
|
||
|
a13 1
|
||
|
You can make a horizontal separator by entering three dashes at the beginning of a line: =---=.
|
||
|
d15 1
|
||
|
a15 1
|
||
|
---
|
||
|
d25 1
|
||
|
a25 1
|
||
|
TWiki interprets text as HTML. The '<' and '>' characters are used to define HTML commands. Text contained in angle brackets is interpreted by the browser if it's a valid HTML instruction, or ignored if it isn't - either way, the brackets and its contents are not displayed.
|
||
|
d54 1
|
||
|
a54 1
|
||
|
TWiki interprets text as HTML, so you can use the =preformatted= HTML text option to keep the new line of text as is. Enclose the text in <pre> </pre>, or in TWiki's own <verbatim> </verbatim> tags:
|
||
|
d64 1
|
||
|
a64 1
|
||
|
The =pre= tag is standard HTML; =verbatim= is a special TWiki tag that also forces text to fixed font mode, and also prevents other tags and TWiki shortcuts from being expanded.
|
||
|
d118 1
|
||
|
a118 1
|
||
|
---+++ Can I include images and pictures?
|
||
|
d120 1
|
||
|
a120 1
|
||
|
Yes, this is possible. The easiest way of including images is to attach a GIF, JPG or PNG file to a topic and then to include it with text =%<nop>ATTACHURL%/myImage.gif= . FileAttachment has more.
|
||
|
d122 1
|
||
|
a122 1
|
||
|
There are actually two ways of including inline images.
|
||
|
d126 1
|
||
|
a126 1
|
||
|
This is a simple and automatic way of including inline images. Simply write the URL of the image file, this will create the inline image for you. *Note:* The images must be accessible as a URL.
|
||
|
d131 5
|
||
|
d138 1
|
||
|
a138 1
|
||
|
This is a manual process where you have more control over the rendering of the image. Use the <img> tag of HTML to include GIF, JPG and PNG files. *Note:* The display of the topic is faster if you include the WIDTH and HEIGHT parameters that have the actual image size. http://www.htmlhelp.com/reference/wilbur/special/img.html has more on inline images.
|
||
|
d140 2
|
||
|
a141 2
|
||
|
* __You enter:__ <code>TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.</code><br />
|
||
|
__Result:__ <br /> TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.
|
||
|
d146 1
|
||
|
a146 1
|
||
|
Sure. The quickest way is to use the <font color="colorCode"> and </font> tags - they're HTML tags that work in any browser, (although they've been phased in the latest version).
|
||
|
d148 1
|
||
|
a148 1
|
||
|
You can also use a =style= attribute: =style="color:#ff0000"=, placed in most HTML tags - =span= is an all-purpose choice: "<span style="color:#ff0000">.
|
||
|
@
|
||
|
|
||
|
|
||
|
1.8
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="PeterThoeny" date="1000370644" format="1.0" version="1.8"}%
|
||
|
d4 1
|
||
|
a4 2
|
||
|
* The most frequently asked questions about text formatting are answered here.
|
||
|
* TextFormattingRules has the complete system in a handy quick reference format.
|
||
|
d12 1
|
||
|
a12 1
|
||
|
You can make a horizontal separator by writing three or more dashes at the beginning of a line.
|
||
|
d27 5
|
||
|
a31 3
|
||
|
* =&lt;= = =<=
|
||
|
* =&gt;= = =>=
|
||
|
* Enter: =(a &gt; 0)= to get =(a > 0)=
|
||
|
d34 1
|
||
|
a34 1
|
||
|
---+++ Some words (like WinAPI) have an unwanted question mark at the end. How can I prevent that?
|
||
|
d36 1
|
||
|
a36 1
|
||
|
A question mark after a word is a link to a topic that doesn't yet exist - click it to create the new page. This is a TWiki feature - typing a MeaningfulTitle in a comment is an invitation for someone else to add to the topic.
|
||
|
d38 1
|
||
|
a38 1
|
||
|
To prevent auto-linking - you may simply want to enter a word like <nop>JavaScript (the proper spelling!) - prefix it with the special TWiki HTML tag =<nop>=:
|
||
|
d40 1
|
||
|
a40 1
|
||
|
* =<nop>WikiWord= displays as <nop>WikiWord
|
||
|
d45 1
|
||
|
a45 4
|
||
|
Enclose text in "=" equal signs:
|
||
|
|
||
|
* =Proportional text, <nop>=fixed font text=<nop>, proportional again.= appears as...
|
||
|
<br /> Proportional text, =fixed font text= , proportional again.
|
||
|
d47 2
|
||
|
a48 1
|
||
|
Alternatively you could also use preformatted text, see next question for details.
|
||
|
d53 1
|
||
|
a53 1
|
||
|
TWiki interprets text as HTML. It is possible to use preformatted text to workaround this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing text in either <pre> </pre> or <verbatim> </verbatim> tags:
|
||
|
d73 1
|
||
|
a73 1
|
||
|
__1. Use Wiki rule with "|" vertical bars__
|
||
|
d82 1
|
||
|
a82 1
|
||
|
__2. Use HTML tables with <table>, <tr>, <td> tags__
|
||
|
d84 3
|
||
|
a86 1
|
||
|
This is a manual process using HTML commands. Here is an example. If you enter this:
|
||
|
d100 1
|
||
|
a100 1
|
||
|
It is displayed as a table like this:
|
||
|
d112 1
|
||
|
a112 1
|
||
|
__3. Use preformatted text with <verbatim> tags__
|
||
|
d114 1
|
||
|
a114 1
|
||
|
Text I enter gets wrapped around. How can I keep the formatting as it is? See [[#TextEnclosed]["Text enclosed..."]]
|
||
|
d123 1
|
||
|
a123 1
|
||
|
__1. Using URL ending in .gif, .jpg, .jpeg, .png__
|
||
|
d127 2
|
||
|
a128 2
|
||
|
* Example text: <br /> <code> TWiki <nop>%PUBURL%/wikiHome.gif logo.</code>
|
||
|
* Example output: <br /> TWiki %PUBURL%/wikiHome.gif logo.
|
||
|
d130 1
|
||
|
a130 1
|
||
|
__2. Using <img> tag__
|
||
|
d134 2
|
||
|
a135 2
|
||
|
* Example text: <br /> <code>TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.</code>
|
||
|
* Example output: <br /> TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.
|
||
|
d140 3
|
||
|
a142 1
|
||
|
Place text you would like to specify a color inside <font color="colorCode"> and </font> tags.
|
||
|
d144 1
|
||
|
a144 3
|
||
|
"colorCode" is the hexadecimal RGB color code. The color is composed
|
||
|
by specifying the red, green and blue components of the color in
|
||
|
hexadecimal notation. For example, to specify white, the red, green and blue components are 255, 255, 255, so you would use ="#ffffff=". You can use StandardColors or common color codes:
|
||
|
d170 2
|
||
|
a171 2
|
||
|
* Example text: <br /> <code> <font color="#ff0000"> Red color </font> draws attention. </code>
|
||
|
* Example output: <br /> <font color="#ff0000"> Red color </font> draws attention.
|
||
|
d176 2
|
||
|
a177 2
|
||
|
-- Main.MikeMannix - 10 Sep 2001 <br />
|
||
|
-- Main.PeterThoeny - 13 Sep 2001 <br />
|
||
|
@
|
||
|
|
||
|
|
||
|
1.7
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="MikeMannix" date="1000108590" format="1.0" version="1.7"}%
|
||
|
d18 1
|
||
|
a18 1
|
||
|
You can create six sizes of headings - <H1>...<H6> in HTML - by typing, from the beginning of a line, three dashes (-), from one to six plus signs (+), a space, and your heading text. The FAQ questions on this page are created with: =---+++ Have a question?=.
|
||
|
d47 1
|
||
|
a47 1
|
||
|
<br> Proportional text, =fixed font text= , proportional again.
|
||
|
d54 1
|
||
|
a54 1
|
||
|
TWiki interprets text as HTML. It is possible to use preformatted text to workaround this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing text in either <pre> </pre> or <verbatim> <verbatim> tags:
|
||
|
d57 1
|
||
|
a57 1
|
||
|
<pre>
|
||
|
d61 1
|
||
|
a61 1
|
||
|
</pre>
|
||
|
d72 1
|
||
|
a72 1
|
||
|
3 Use preformatted text with <PRE> tags.
|
||
|
d74 1
|
||
|
a74 1
|
||
|
*_1. Use Wiki rule with "|" vertical bars_*
|
||
|
d83 1
|
||
|
a83 1
|
||
|
*_2. Use HTML tables with <TABLE>, <TR>, <TD> tags_*
|
||
|
d88 9
|
||
|
a96 9
|
||
|
<TABLE BORDER=1>
|
||
|
<TR>
|
||
|
<TH> Head A </TH> <TH> Head B </TH>
|
||
|
</TR><TR>
|
||
|
<TD> Cell A2 </TD> <TD> Cell B2 </TD>
|
||
|
</TR><TR>
|
||
|
<TD> Cell A3 </TD> <TD> Cell B3 </TD>
|
||
|
</TR>
|
||
|
</TABLE>
|
||
|
d101 9
|
||
|
a109 9
|
||
|
<TABLE BORDER=1>
|
||
|
<TR>
|
||
|
<TH> Head A </TH> <TH> Head B </TH>
|
||
|
</TR><TR>
|
||
|
<TD> Cell A2 </TD> <TD> Cell B2 </TD>
|
||
|
</TR><TR>
|
||
|
<TD> Cell A3 </TD> <TD> Cell B3 </TD>
|
||
|
</TR>
|
||
|
</TABLE>
|
||
|
d111 1
|
||
|
a111 1
|
||
|
*_3. Use preformatted text with <PRE> tags_*
|
||
|
d118 1
|
||
|
a118 1
|
||
|
Yes, this is possible. The easiest way of including images is to attach a GIF or JPG file to a topic and then to include it with text =%<nop>ATTACHURL%/myImage.gif= . FileAttachment has more.
|
||
|
d122 1
|
||
|
a122 1
|
||
|
*_1. Using URL ending in .gif, .jpg, .jpeg_*
|
||
|
d126 2
|
||
|
a127 2
|
||
|
* Example text: <br> <code> TWiki <nop>%PUBURL%/wikiHome.gif logo.</code>
|
||
|
* Example output: <br> TWiki %PUBURL%/wikiHome.gif logo.
|
||
|
d129 1
|
||
|
a129 1
|
||
|
*_2. Using <IMG> tag_*
|
||
|
d131 1
|
||
|
a131 1
|
||
|
This is a manual process where you have more control over the rendering of the image. Use the <IMG> tag of HTML to include JPEG and GIF files. *Note:* The display of the topic is faster if you include the WIDTH and HEIGHT parameters that have the actual image size. http://www.htmlhelp.com/reference/wilbur/special/img.html has more on inline images.
|
||
|
d133 2
|
||
|
a134 2
|
||
|
* Example text: <br> <code>TWiki <IMG SRC="%PUBURL%/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.</code>
|
||
|
* Example output: <br> TWiki <IMG SRC="%PUBURL%/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.
|
||
|
d139 1
|
||
|
a139 1
|
||
|
Place text you would like to specify a color inside <FONT COLOR="colorCode"> and </FONT> tags.
|
||
|
d143 1
|
||
|
a143 1
|
||
|
hexadecimal notation. For example, to specify white, the red, green and blue components are 255, 255, 255, so you would use "#FFFFFF". You can use StandardColors or common color codes:
|
||
|
d145 23
|
||
|
a167 23
|
||
|
<TABLE>
|
||
|
<TR BGCOLOR="#E0E0E0">
|
||
|
<TD><FONT COLOR="#000000"> *Black:* </FONT></TD><TD>"#000000" </TD>
|
||
|
<TD><FONT COLOR="#008000"> *Green:* </FONT></TD><TD>"#008000" </TD>
|
||
|
<TD><FONT COLOR="#C0C0C0"> *Silver:* </FONT></TD><TD>"#C0C0C0" </TD>
|
||
|
<TD><FONT COLOR="#00FF00"> *Lime:* </FONT></TD><TD>"#00FF00" </TD>
|
||
|
</TR><TR BGCOLOR="#C0C0C0">
|
||
|
<TD><FONT COLOR="#808080"> *Gray:* </FONT></TD><TD>"#808080" </TD>
|
||
|
<TD><FONT COLOR="#808000"> *Olive:* </FONT></TD><TD>"#808000" </TD>
|
||
|
<TD><FONT COLOR="#FFFFFF"> *White:* </FONT></TD><TD>"#FFFFFF" </TD>
|
||
|
<TD><FONT COLOR="#FFFF00"> *Yellow:* </FONT></TD><TD>"#FFFF00" </TD>
|
||
|
</TR><TR BGCOLOR="#E0E0E0">
|
||
|
<TD><FONT COLOR="#800000"> *Maroon:* </FONT></TD><TD>"#800000" </TD>
|
||
|
<TD><FONT COLOR="#000080"> *Navy:* </FONT></TD><TD>"#000080" </TD>
|
||
|
<TD><FONT COLOR="#FF0000"> *Red:* </FONT></TD><TD>"#FF0000" </TD>
|
||
|
<TD><FONT COLOR="#0000FF"> *Blue:* </FONT></TD><TD>"#0000FF" </TD>
|
||
|
</TR><TR BGCOLOR="#C0C0C0">
|
||
|
<TD><FONT COLOR="#800080"> *Purple:* </FONT></TD><TD>"#800080" </TD>
|
||
|
<TD><FONT COLOR="#008080"> *Teal:* </FONT></TD><TD>"#008080" </TD>
|
||
|
<TD><FONT COLOR="#FF00FF"> *Fuchsia:* </FONT></TD><TD>"#FF00FF"</TD>
|
||
|
<TD><FONT COLOR="#00FFFF"> *Aqua:* </FONT></TD><TD>"#00FFFF" </TD>
|
||
|
</TR>
|
||
|
</TABLE>
|
||
|
d169 2
|
||
|
a170 2
|
||
|
* Example text: <br> <code> <FONT COLOR="#FF0000"> Red color </FONT> draws attention. </code>
|
||
|
* Example output: <br> <FONT COLOR="#FF0000"> Red color </FONT> draws attention.
|
||
|
d176 1
|
||
|
@
|
||
|
|
||
|
|
||
|
1.6
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 1
|
||
|
a1 1
|
||
|
%META:TOPICINFO{author="MikeMannix" date="999835477" format="1.0" version="1.6"}%
|
||
|
d10 1
|
||
|
a10 1
|
||
|
-----
|
||
|
d13 1
|
||
|
a13 6
|
||
|
You can make a horizontal separator by writing 4 or more dashes at the beginning of a line.
|
||
|
|
||
|
-----
|
||
|
---+++ How do I create a title or a heading?
|
||
|
|
||
|
The most simple way is to enclose it in '*' Asterisk characters or '_' Underscore characters.
|
||
|
d15 2
|
||
|
a16 1
|
||
|
*This is an example header enclosed in Asterisk characters*
|
||
|
d18 2
|
||
|
a19 5
|
||
|
_This is an example header enclosed in Underscore characters_
|
||
|
|
||
|
You could use also HTML tags for headings, e.g. <code><H4>This is an HTML heading</H4></code> will show up as:
|
||
|
|
||
|
<H4>This is an HTML heading</H4>
|
||
|
d25 1
|
||
|
a25 3
|
||
|
TWiki interprets text as HTML. The '<' and '>' characters are used to define HTML commands. Any valid text within angle brackets gets interpreted by the browser as an HTML command. Invalid text is ignored, that's why it doesn't show up.
|
||
|
|
||
|
There are two work arounds if you want to display angle brackets:
|
||
|
d27 4
|
||
|
a30 6
|
||
|
* Do an escape sequence in HTML:
|
||
|
* Write <code>&lt;</code> instead of <code><</code>
|
||
|
* Write <code>&gt;</code> instead of <code>></code>
|
||
|
* Example: Write <code>(a &gt; 0)</code> instead of <code>(a > 0)</code>
|
||
|
* Replace angle brackets with curly brackets.
|
||
|
* Example: Write <code>{is-writable}</code> instead of <code><is-writable></code>
|
||
|
d32 1
|
||
|
a32 1
|
||
|
-----
|
||
|
d35 1
|
||
|
a35 1
|
||
|
A question mark after a word is a link to a not yet existing topic. For example, WinAPI is a valid WikiName, but the actual topic _WinAPI_ does not exist.
|
||
|
d37 1
|
||
|
a37 1
|
||
|
If you do not intend to create a topic for a valid WikiWord, you can prevent it being linked by putting an HTML tag in front of it. I usually use <nop>. This is a non existing HTML tag, so a browser just ignores it.
|
||
|
d39 1
|
||
|
a39 2
|
||
|
* Example text: <br> <code><nop>WinAPI as it is, <nop>WinAPI with preceding NOP.</code>
|
||
|
* Example output: <br> WinAPI as it is, <nop>WinAPI with preceding NOP.
|
||
|
d41 1
|
||
|
a41 1
|
||
|
-----
|
||
|
d44 1
|
||
|
a44 1
|
||
|
Enclose text in "=" equal signs.
|
||
|
d46 2
|
||
|
a47 2
|
||
|
* Example text: <br> =Proportional text, <nop>=fixed font text=<nop> , proportional again.=
|
||
|
* Example output: <br> Proportional text, =fixed font text= , proportional again.
|
||
|
d51 1
|
||
|
a51 1
|
||
|
-----
|
||
|
d54 1
|
||
|
a54 1
|
||
|
TWiki interprets text as HTML. It is possible to use preformatted text to work around this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing the text with <PRE> and </PRE> tags, e.g.
|
||
|
d57 1
|
||
|
a57 1
|
||
|
<PRE>
|
||
|
d61 1
|
||
|
a61 1
|
||
|
</PRE>
|
||
|
d64 1
|
||
|
a64 1
|
||
|
It is recommended to use preformatting for tables and source code.
|
||
|
d66 1
|
||
|
a66 1
|
||
|
-----
|
||
|
d71 1
|
||
|
a71 1
|
||
|
2 Use HTML tables with <TABLE>, <TR>, <TD> tags.
|
||
|
a110 4
|
||
|
You can copy the example from <TABLE> to </TABLE> and change it to your needs.
|
||
|
|
||
|
More information about HTML tables can be found at http://www.htmlhelp.com/reference/wilbur/table/table.html
|
||
|
|
||
|
d115 1
|
||
|
a115 1
|
||
|
-----
|
||
|
d175 1
|
||
|
a175 1
|
||
|
-- Main.PeterThoeny - 18 Aug 2000
|
||
|
@
|
||
|
|
||
|
|
||
|
1.5
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d1 2
|
||
|
a2 1
|
||
|
*Text Formatting FAQ*
|
||
|
d4 2
|
||
|
a5 1
|
||
|
This topic has answers to frequently asked questions about text formatting. TextFormattingRules has more on formatting rules in general. It also has links to HTML documentation.
|
||
|
d7 1
|
||
|
a7 9
|
||
|
* <A HREF="#sepa">Q:</A> How do I make a separator?
|
||
|
* <A HREF="#head">Q:</A> How do I create a title or a heading?
|
||
|
* <A HREF="#brac">Q:</A> Text enclosed in angle brackets like <filename> is not displayed. How can I show it as it is?
|
||
|
* <A HREF="#ques">Q:</A> Some words (like WinAPI) have an unwanted question mark at the end. How can I prevent that?
|
||
|
* <A HREF="#fixe">Q:</A> How can I write fixed font text?
|
||
|
* <A HREF="#wrap">Q:</A> Text I enter gets wrapped around. How can I keep the formatting as it is?
|
||
|
* <A HREF="#tabl">Q:</A> How do I create tables?
|
||
|
* <A HREF="#imag">Q:</A> Can I include images and pictures?
|
||
|
* <A HREF="#colo">Q:</A> Can I write colored text?
|
||
|
d9 1
|
||
|
d11 1
|
||
|
a11 2
|
||
|
<A NAME="sepa">Q:</A>
|
||
|
*How do I make a separator?*
|
||
|
d16 1
|
||
|
a16 2
|
||
|
<A NAME="head">Q:</A>
|
||
|
*How do I create a title or a heading?*
|
||
|
d18 1
|
||
|
a18 1
|
||
|
The most simple way is to enclose it in '*' Asterisk characters or '_' Underscore charcters.
|
||
|
d29 2
|
||
|
a30 2
|
||
|
<A NAME="brac">Q:</A>
|
||
|
*Text enclosed in angle brackets like <filename> is not displayed. How can I show it as it is?*
|
||
|
d44 1
|
||
|
a44 2
|
||
|
<A NAME="ques">Q:</A>
|
||
|
*Some words (like WinAPI) have an unwanted question mark at the end. How can I prevent that?*
|
||
|
d50 2
|
||
|
a51 2
|
||
|
* Example text: <br> <code><nop>WinAPI as it is, <nop>WinAPI with preceeding NOP.</code>
|
||
|
* Example output: <br> WinAPI as it is, <nop>WinAPI with preceeding NOP.
|
||
|
d54 1
|
||
|
a54 2
|
||
|
<A NAME="fixe">Q:</A>
|
||
|
*How can I write fixed font text?*
|
||
|
d64 1
|
||
|
a64 2
|
||
|
<A NAME="wrap">Q:</A>
|
||
|
*Text I enter gets wrapped around. How can I keep the formatting as it is?*
|
||
|
d79 1
|
||
|
a79 2
|
||
|
<A NAME="tabl">Q:</A>
|
||
|
*How do I create tables?*
|
||
|
d129 1
|
||
|
a129 1
|
||
|
See <A HREF="#wrap">Q:</A> Text I enter gets wrapped around. How can I keep the formatting as it is?
|
||
|
d132 1
|
||
|
a132 2
|
||
|
<A NAME="imag">Q:</A>
|
||
|
*Can I include images and pictures?*
|
||
|
d153 1
|
||
|
a153 2
|
||
|
<A NAME="colo">Q:</A>
|
||
|
*Can I write colored text?*
|
||
|
d189 1
|
||
|
@
|
||
|
|
||
|
|
||
|
1.4
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d172 1
|
||
|
a172 1
|
||
|
hexadecimal notation. For example, to specify white, the red, green and blue components are 255, 255, 255, so you would use "#FFFFFF". Common color codes are:
|
||
|
@
|
||
|
|
||
|
|
||
|
1.3
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d54 1
|
||
|
a54 1
|
||
|
A question mark after a word is a link to a not yet existing topic. For example, WinAPI is a valid WikiTopic name in WikiNotation, but the actual topic _WinAPI_ does not exist.
|
||
|
d56 1
|
||
|
a56 1
|
||
|
If you do not intend to create a topic for a valid TWiki topic name, you can prevent it being linked by putting an HTML tag in front of it. I usually use <NOP>. This is a non existing HTML tag, so a browser just ignores it.
|
||
|
d58 2
|
||
|
a59 2
|
||
|
* Example text: <br> <code><nop>WinAPI as it is, <NOP>WinAPI with preceeding NOP.</code>
|
||
|
* Example output: <br> WinAPI as it is, <NOP>WinAPI with preceeding NOP.
|
||
|
d203 1
|
||
|
a203 1
|
||
|
-- Main.PeterThoeny - 08 Aug 1999
|
||
|
@
|
||
|
|
||
|
|
||
|
1.2
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d161 2
|
||
|
a162 2
|
||
|
* Example text: <br> <code>TWiki <IMG SRC="../../../pub/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.</code>
|
||
|
* Example output: <br> TWiki <IMG SRC="../../../pub/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.
|
||
|
@
|
||
|
|
||
|
|
||
|
1.1
|
||
|
log
|
||
|
@none
|
||
|
@
|
||
|
text
|
||
|
@d65 1
|
||
|
a65 1
|
||
|
Enclose text in <CODE> and </CODE> HTML tags.
|
||
|
d67 2
|
||
|
a68 2
|
||
|
* Example text: <br> <code>Proportional text, <CODE> fixed font text, </CODE> proportional again.</code>
|
||
|
* Example output: <br> Proportional text, <CODE> fixed font text, </CODE> proportional again.
|
||
|
d92 2
|
||
|
a93 2
|
||
|
There are two possibilities:
|
||
|
1 Use preformatted text with <PRE> tags.
|
||
|
d95 1
|
||
|
d97 1
|
||
|
a97 1
|
||
|
*_1. Use preformatted text with <PRE> tags_*
|
||
|
d99 6
|
||
|
a104 1
|
||
|
See <A HREF="#wrap">Q:</A> Text I enter gets wrapped around. How can I keep the formatting as it is?
|
||
|
d138 4
|
||
|
d203 1
|
||
|
a203 1
|
||
|
-- Main.PeterThoeny - 26 Oct 1998
|
||
|
@
|