X-Git-Url: http://git.openafs.org/?p=openafs-wiki.git;a=blobdiff_plain;f=TWiki%2FTextFormattingFAQ.mdwn;h=33c3d3828cd45d4f9eed155fc0e6085418e4a315;hp=13f6711035b55fe470ac624e37dc66083587f6fc;hb=358d00849e6b944ef691f26982a349481abeea54;hpb=de925cdf80984e92faf55f44b215c2c58c00a5ac diff --git a/TWiki/TextFormattingFAQ.mdwn b/TWiki/TextFormattingFAQ.mdwn index 13f6711..33c3d38 100644 --- a/TWiki/TextFormattingFAQ.mdwn +++ b/TWiki/TextFormattingFAQ.mdwn @@ -1,21 +1,17 @@ **Text Formatting FAQ** -- The most frequently asked questions about text formatting are answered here. - - [[TextFormattingRules]] has the complete system in a handy quick reference format. +The most frequently asked questions about text formatting are answered. Also, [[TextFormattingRules]] contains the complete TWiki shorthand system on one quick reference page.
@@ -24,21 +20,15 @@ > > ### How do I make a separator? > -> You can make a horizontal separator by writing 4 or more dashes at the beginning of a line. +> 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:
`--------------` > > ---- > -> ### How do I create a title or a heading? +> ### How do I create a heading? > -> The most simple way is to enclose it in '\*' Asterisk characters or '\_' Underscore characters. +> 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?`. > -> **This is an example header enclosed in Asterisk characters** -> -> _This is an example header enclosed in Underscore characters_ -> -> You could use also HTML tags for headings, e.g. `

This is an HTML heading

` will show up as: -> -> #### This is an HTML heading +> - You can insert a nested table of contents, generated from headings, by placing `%TOC%` wherever you like on a page (see [[TWikiVariables]] for more `%TOC%` options). > > ---- > @@ -46,53 +36,48 @@ > > ### Text enclosed in angle brackets like <filename> is not displayed. How can I show it as it is? > -> 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. +> 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: > -> There are two work arounds if you want to display angle brackets: +> - `<` = `<`
`>` = `>` > -> - Do an escape sequence in HTML: -> - Write `<` instead of `<` -> - Write `>` instead of `>` -> - Example: Write `(a > 0)` instead of `(a > 0)` -> - Replace angle brackets with curly brackets. -> - Example: Write `{is-writable}` instead of `` +> - **_You enter:_** `(a > 0)` +> **_Result:_** `(a > 0)` > > ---- > -> ### Some words (like [[WinAPI]]) have an unwanted question mark at the end. How can I prevent that? +> ### 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 not yet existing topic. For example, [[WinAPI]] is a valid [[WikiName]], but the actual topic _WinAPI_ does not exist. +> 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. > -> 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. +> To prevent auto-linking - say you want to enter a word like JavaScript (the proper spelling!) - prefix the [[WikiStyleWord]] with the special TWiki HTML tag ``: > -> - Example text:
`WinAPI as it is, WinAPI with preceding NOP.` -> - Example output:
[[WinAPI]] as it is, WinAPI with preceding NOP. +> - `WikiStyleWord` displays as WikiStyleWord > > ---- > > ### How can I write fixed font text? > -> Enclose text in "=" equal signs. +> The quickest way is to enclose the text in equal signs: > -> - Example text:
`Proportional text, =fixed font text= , proportional again.` -> - Example output:
Proportional text, `fixed font text` , proportional again. -> -> Alternatively you could also use preformatted text, see next question for details. +> - **_You enter:_** `Proportional text, =fixed font=, proportional again.` +> **_Result:_** Proportional text, `fixed font`, proportional again. > > ---- > > ### Text I enter gets wrapped around. How can I keep the formatting as it is? > -> 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. +> 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: > > This text will keep its format as it is: -> 
+>     
 >       Unit	  Price	Qty  Cost
 >       -------  ------  ---  ------
 >       aaa		 12.00	 3	36.00
->
+> > -> It is recommended to use preformatting for tables and source code. +> 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. > > ---- > @@ -101,10 +86,10 @@ > 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 <PRE> tags. +> 2. Use HTML tables with <table>, <tr>, <td> tags. +> 3. Use preformatted text with <verbatim> tags. > -> **\_1. Use Wiki rule with "|" vertical bars\_** +> **1\. Use Wiki rule with "|" vertical bars** > > - Example text:
`| cell A1 | cell B1 | cell C1 |`
`| cell A2 | cell B2 | cell C2 |` > - Example output: @@ -120,21 +105,23 @@ > >
> -> **\_2. Use HTML tables with <TABLE>, <TR>, <TD> tags\_** +> **2\. Use HTML tables with <table>, <tr>, <td> tags** +> +> This is a manual process using HTML commands. > -> This is a manual process using HTML commands. Here is an example. If you enter this: +> **_You enter:_** > -> -> -> -> -> -> -> -> ->
Head A Head B
Cell A2 Cell B2
Cell A3 Cell B3
+> +> +> +> +> +> +> +> +>
Head A Head B
Cell A2 Cell B2
Cell A3 Cell B3
> -> It is displayed as a table like this: +> **_Result:_** > > > @@ -151,90 +138,49 @@ > >
> -> You can copy the example from <TABLE> to </TABLE> and change it to your needs. +> **3\. Use preformatted text with <verbatim> tags** > -> More information about HTML tables can be found at +> See [["Text enclosed..."|Main/WebHome#TextEnclosed]] > -> **\_3. Use preformatted text with <PRE> tags\_** +> ---- > -> Text I enter gets wrapped around. How can I keep the formatting as it is? See [["Text enclosed..."|Main/WebHome#TextEnclosed]] +> ### Can I include images on a page? > -> ---- +> Yes. The easiest way is to [[attach|Main/FileAttachment]] a GIF, JPG or PNG file to a topic and then to place it with: `%ATTACHURL%/myImage.gif`. This works only for the page that the image is attached to. > -> ### Can I include images and pictures? +> To place an image on any page, ther are two ways of including inline images. > -> 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 `%ATTACHURL%/myImage.gif` . [[FileAttachment]] has more. +> **1\. Using URL ending in .gif, .jpg, .jpeg, .png** > -> There are actually two ways of including inline images. +> 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|Main/WebHome#ImgUpload]] as a URL. > -> **\_1. Using URL ending in .gif, .jpg, .jpeg\_** +> - **_You enter:_** ` TWiki http://www.dementia.org/twiki//view/wikiHome.gif logo.`
**_Result:_** TWiki ![wikiHome.gif](http://www.dementia.org/twiki//view/wikiHome.gif) logo. > -> 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. +> You can upload images directly to your server with FTP access. You can also [[attach|Main/FileAttachment]] image files to a topic - you could even create a dedicated image topic, like `ImageLibrary` - and then link to the images directly: > -> - Example text:
` TWiki http://www.dementia.org/twiki//view/wikiHome.gif logo.` -> - Example output:
TWiki ![wikiHome.gif](http://www.dementia.org/twiki//view/wikiHome.gif) logo. +> - Attach `pic.gif` to `Someweb.SomeTopic`
Display with http://www.dementia.org/twiki//view/Someweb/SomeTopic/pic.gif > -> **\_2. Using <IMG> tag\_** +> **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 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. has more on inline images. +> 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. has more on inline images. > -> - Example text:
`TWiki logo.` -> - Example output:
TWiki logo. +> - **_You enter:_** `TWiki logo logo.`
**_Result:_**
TWiki logo logo. > > ---- > > ### Can I write colored text? > -> Place text you would like to specify a color inside <FONT COLOR="colorCode"> and </FONT> tags. +> [[TWikiPreferences]] defines some commonly used colors: **%YELLOW% %YELLOW%%ENDCOLOR%, %RED% %RED%%ENDCOLOR%, %PINK% %PINK%%ENDCOLOR%, %PURPLE% %PURPLE%%ENDCOLOR%, %TEAL% %TEAL%%ENDCOLOR%, %NAVY% %NAVY%%ENDCOLOR%, %BLUE% %BLUE%%ENDCOLOR%, %AQUA% %AQUA%%ENDCOLOR%, %LIME% %LIME%%ENDCOLOR%, %GREEN% %GREEN%%ENDCOLOR%, %OLIVE% %OLIVE%%ENDCOLOR%, %MAROON% %MAROON%%ENDCOLOR%, %BLACK% %BLACK%%ENDCOLOR%, %GRAY% %GRAY%%ENDCOLOR%, %SILVER% %SILVER%%ENDCOLOR%** and **%ENDCOLOR%**. > -> "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: +> - **_You enter:_** `%RED% red text %ENDCOLOR% and %GREEN% green text %ENDCOLOR%` +> **_Result:_** %RED% red text %ENDCOLOR% and %GREEN% green text %ENDCOLOR% > -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> -> ->
Black: "#000000" Green: "#008000" Silver: "#C0C0C0" Lime: "#00FF00"
Gray: "#808080" Olive: "#808000" White: "#FFFFFF" Yellow: "#FFFF00"
Maroon: "#800000" Navy: "#000080" Red: "#FF0000" Blue: "#0000FF"
Purple: "#800080" Teal: "#008080" Fuchsia: "#FF00FF" Aqua: "#00FFFF"
+> **_Note:_** `%%` text must end with `%ENDCOLOR%` . If you want to switch from one color to another one you first need to end the active color with `%ENDCOLOR%`, e.g. write `%RED% some text %ENDCOLOR% %GREEN% more text %ENDCOLOR%`. +> +> If you need more colors you can use HTML, like ` red text `. 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: `CoLoR`. Only old (like 3.x IE & NS) browsers have a problem with `style`. > -> - Example text:
` Red color draws attention. ` -> - Example output:
Red color draws attention. +> 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. > > ---- --- [[PeterThoeny]] - 18 Aug 2000 +-- [[PeterThoeny]] - 21 Feb 2002
-- [[MikeMannix]] - 14 Sep 2001