Test Monospace
From Retrosoftware
(Added note about possible requirement of nowiki tag) |
(Clarified example comments) |
||
| Line 27: | Line 27: | ||
| - | ===Using a single | + | ===Using a single space to start each line=== |
Use a single space at the start of each line, to pre-format the text, in a separate box. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like > are interpreted. Not true mono-spacing. | Use a single space at the start of each line, to pre-format the text, in a separate box. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like > are interpreted. Not true mono-spacing. | ||
| Line 34: | Line 34: | ||
<code> | <code> | ||
| - | <nowiki><span style="color:#008000">\ Simple example illustrating use of | + | <nowiki><span style="color:#008000">\ Simple example illustrating use of a single space at the start of lines</span></nowiki><br/> |
lll ; an <nowiki>''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span></nowiki><br/> | lll ; an <nowiki>''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span></nowiki><br/> | ||
AAA ; followed by a <nowiki>'''bold''' comment &gt; by <span style="color:#C00000">Red Person</span></nowiki><br/> | AAA ; followed by a <nowiki>'''bold''' comment &gt; by <span style="color:#C00000">Red Person</span></nowiki><br/> | ||
| Line 41: | Line 41: | ||
<span style="font-variant:small-caps">Output:</span> | <span style="font-variant:small-caps">Output:</span> | ||
| - | <span style="color:#008000">\ Simple example illustrating use of | + | <span style="color:#008000">\ Simple example illustrating use of a single space at the start of lines</span> |
lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span> | lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span> | ||
AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span> | AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span> | ||
| Line 54: | Line 54: | ||
<code> | <code> | ||
<nowiki><pre></nowiki><br/> | <nowiki><pre></nowiki><br/> | ||
| - | <nowiki><span style="color:#008000">\ Simple example illustrating use of | + | <nowiki><span style="color:#008000">\ Simple example illustrating use of pre-formatted text</span></nowiki><br/> |
lll ; an <nowiki>''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span></nowiki><br/> | lll ; an <nowiki>''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span></nowiki><br/> | ||
AAA ; followed by a <nowiki>'''bold''' comment &gt; by <span style="color:#C00000">Red Person</span></nowiki><br/> | AAA ; followed by a <nowiki>'''bold''' comment &gt; by <span style="color:#C00000">Red Person</span></nowiki><br/> | ||
| Line 63: | Line 63: | ||
<pre> | <pre> | ||
| - | <span style="color:#008000">\ Simple example illustrating use of | + | <span style="color:#008000">\ Simple example illustrating use of pre-formatted text</span> |
lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span> | lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span> | ||
AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span> | AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span> | ||
</pre> | </pre> | ||
Current revision
Contents |
Examples of writing up mono-spaced and pre-formatted text on the wiki
Using the <code> tag, and <br/> tags
Surround the text with <code> or <tt> tags (they're synonymous), use HTML line breaks <br/> at the end of lines, and use the HTML code for a non-breaking space to represent spaces. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like > are interpreted. Recommended for true mono-space requirements.
Please remember that, as wikitext will still be interpreted within the <code> tag, you should check the page output carefully to ensure that nothing has been unintentionally interpreted by the wiki. If anything has, you should surround the appropriate text with a <nowiki> tag.
Wikitext code:
<code>
<span style="color:#008000">\ Simple example illustrating use of monospacing</span><br/>
lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span><br/>
AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span>
</code>
Output:
\ Simple example illustrating use of monospacing
lll ; an italic comment > by Blue Person
AAA ; followed by a bold comment > by Red Person
Using a single space to start each line
Use a single space at the start of each line, to pre-format the text, in a separate box. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like > are interpreted. Not true mono-spacing.
Wikitext code:
<span style="color:#008000">\ Simple example illustrating use of a single space at the start of lines</span>
lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span>
AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span>
Output:
\ Simple example illustrating use of a single space at the start of lines lll ; an italic comment > by Blue Person AAA ; followed by a bold comment > by Red Person
Using the <pre> tag
Similar output to using a single space at the start of each line, use the <pre> tag to surround a block of text you want pre-formatted, in a separate box but, unlike using a single-space at the start of each line, wikitext markup (e.g. apostrophes used for italics/bold or span colouring) is not interpreted. Special HTML characters, like > are still interpreted, however. Not true mono-spacing.
Wikitext code:
<pre>
<span style="color:#008000">\ Simple example illustrating use of pre-formatted text</span>
lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span>
AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span>
</pre>
Output:
<span style="color:#008000">\ Simple example illustrating use of pre-formatted text</span> lll ; an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span> AAA ; followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span>