Loading...
 
Skip to main content

History: WYSIWYG testing

View published page

Source of version: 20 (current)

Copy to clipboard
<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>
Show PHP error messages