after page break.
nbsp;
<p>
This is a <em>test page</em> of WYSIWYG, <strong>started</strong> in 8.x.</p>
<p>
Other test pages</p>
<ul>
<li>
<a href="http://dev.tiki.org/WYSIWYG_torture+test">http://dev.tiki.org/WYSIWYG_torture+test </a></li>
<li>
<a class="wiki wiki_page" href="Plugin+testing" title="Plugin testing">Plugin testing</a></li>
</ul>
<p>
A drawing below:</p>
<p>
{draw id="23"}</p>
<p>
A Table below</p>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<tbody>
<tr>
<td>
Tables in WYSIWYG are quite nice!</td>
<td>
It would be nice to have </td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<p>
sdfhsfd</p>
<p>
<strong>sdfjhsdjkfh</strong></p>
<p>
asdfkjghsdjf</p>
</td>
<td>
</td>
</tr>
</tbody>
</table>
<p>
<br />
</p>
<p style="text-align: center;">
zùxc<br />
<span style="color: rgb(0, 100, 0);"><u><span style="font-size: 72px;">BASIC FORMATTING</span></u></span></p>
<h1>
<br />
Heading 1</h1>
<p>
{ALINK( aname="MyAnchor")}Link to Anchor{ALINK}</p>
<h2>
Heading 2</h2>
<h3>
Heading 3</h3>
<h4>
Heading 4</h4>
<h1>
Heading 1a</h1>
<p>
<strong>bold</strong></p>
<p>
<em>Italic</em></p>
<p>
<u>Underlined</u></p>
<p>
<strike>strikethrough</strike></p>
<p>
A<sub>Subscript</sub></p>
<p>
A<sup>Superscript</sup></p>
<p>
<span style="color: rgb(255, 0, 0);">Red Text</span></p>
<p>
<span style="color: rgb(0, 0, 205);">Blue Text</span></p>
<p>
<a href="http://www.tiki.org">Hyperlink</a></p>
<p>
{ANAME()}MyAnchor{ANAME} The anchor location</p>
<p style="text-align: center;">
Centered text</p>
<ul>
<li>
Bullet list item 1 </li>
<li>
Bullet list item 2</li>
</ul>
<ol>
<li>
Number list item 1 </li>
<li>
Number list item 2</li>
</ol>
<p>
<span style="font-size: 8px;">Font size 8</span></p>
<p>
<span style="font-size: 10px;">Font size 10 </span></p>
<p>
<span style="font-size: 12px;">Font size 12 </span></p>
<p>
<span style="font-size: 14px;">Font size 14 </span></p>
<p>
<span style="font-size: 20px;">Font size 20 </span></p>
<p>
<span style="font-size: 28px;">Font size 28 </span></p>
<p>
<span style="font-size: 72px;">Font size 72 </span></p>
<p>
<br />
Regular text</p>
<p>
<span style="font-family: arial;">Font Arial <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28</span></span></p>
<p>
<span courier="" new="">Font Courier New <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28</span> </span><br />
<span style="font-family: tahoma;">Font Tahoma <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28</span></span><span style="font-size: 28px;"> </span></p>
<p>
<span new="" roman="" times="">Font Times New Roman <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28 </span></span></p>
<p>
<span style="font-family: verdana;">Font Verdana <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28</span> </span></p>
<p>
<span style="font-family: monospace;">Font monospaced <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28 </span></span></p>
<p>
<span sans="" serif="">Font sans serif <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28 </span></span></p>
<p>
<span style="font-family: serif;">Font serif <span style="font-size: 8px;">size 8</span> <span style="font-size: 28px;">size 28 </span></span></p>
<p>
<span century="" gothic="">Font Century Gothic<span style="font-size: 8px;"> size 8</span> <span style="font-size: 28px;">size 28</span> </span></p>
<p>
Regular text</p>
<p>
no indent</p>
<p style="margin-left: 40px;">
indent 1</p>
<p style="margin-left: 80px;">
indent 2</p>
<p style="margin-left: 40px;">
indent 1a</p>
<p>
Some special characters: @ Æ © € ► ß ® ¶ Ñ ≈ ™ ½ ¾ §</p>
<p style="text-align: center;">
<br />
<span style="color: rgb(0, 100, 0);"><u><span style="font-size: 72px;">BASIC ELEMENTS</span></u></span></p>
<p>
before maketoc. Maketoc uses a custom title: "A custom maketoc title" and should show numbers in the listing</p>
<p>
{maketoc title="A custom maketoc title" nums=y}</p>
<p>
after maketoc</p>
<p>
before horizontal line</p>
<hr />
<p>
after horizontal line </p>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<caption>
<br />
Table Caption</caption>
<thead>
<tr>
<th>
<br />
Header 1</th>
<th>
<br />
Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<br />
col 1, 1</td>
<td>
<br />
col 1,2</td>
</tr>
<tr>
<td>
<br />
col 2,1</td>
<td>
<br />
col 2,2</td>
</tr>
</tbody>
</table>
<p>
Regular text</p>
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<caption>
<br />
Centered Table Caption</caption>
<thead>
<tr>
<th>
<br />
Header 1</th>
<th>
<br />
Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<br />
col 1, 1</td>
<td>
<br />
col 1,2</td>
</tr>
<tr>
<td>
<br />
col 2,1</td>
<td>
<br />
col 2,2</td>
</tr>
</tbody>
</table>
<p>
<br />
Before image <img alt="" src="img/tiki/Tiki_WCG.png" /> after image</p>
<p>
<img alt="" src="img/tiki/Tiki_WCG.png" style="float: right;" />Right aligned image >>>>>>>>>>>>>>>>>></p>
<p>
<br />
A simley: <img alt="smiley" src="lib/ckeditor/plugins/smiley/images/regular_smile.gif" title="smiley" /></p>
<p style="text-align: center;">
<br />
<span style="color: rgb(0, 100, 0);"><u><span style="font-size: 72px;">WIKI ELEMENTS</span></u></span></p>
<p>
<br />
before mouse over</p>
{MOUSEOVER( label="mouseover")}Go to Tiki's homepage{MOUSEOVER}
<br />
<p>
after mouse over</p>
<p>
Normal block</p>
<p>
some normal block text (inside) {inside1} <inside2></inside2></p>
<div class="titlebar">
<br />
Title bar</div>
<div class="titlebar">
<br />
some title bar text (inside) {inside1} <inside2></inside2></div>
<div class="simplebox">
<br />
simple box</div>
<div class="simplebox">
<br />
some simple box text (inside) {inside1} <inside2> </inside2></div>
<div class="code">
<br />
code block</div>
<div class="code">
some code block text (inside) {inside1} <inside2></inside2></div>
<div class="code">
some C code...</div>
<div class="code">
int main()<br />
{<br />
printf("Hello world\n");<br />
return 0;<br />
}</div>
<div class="code">
some xml</div>
<div class="code">
<myroot><br />
<anemptyelement></anemptyelement></myroot></div>
<p>
<br />
regular text</p>
<br />
{REMARKSBOX( type="information" title="A remarks box plugin")}This is the text inside the remarks box{REMARKSBOX}
<br />
<p>
regular text</p>
{DIV( type="div" bg="#eee" width="200px" float="right")}A light gray, 200px wide, right floating divider box. {DIV}
<p>
right aligned DIV ->>>>>>>>>>>>>>>>>>></p>
<p>
regular text</p>
<p>
before page break</p>
<p>
...page...</p>
<p>
after page break.</p>
<p>
nbsp;</p>