<html><head>
<title>HTML Code Box</title>
<link rel=StyleSheet href="pop-upstyle.css" type="text/css" media="screen">
</head>

<BODY BGCOLOR="#F2F9FA" TEXT="#000000" LINK="#99CCFF" VLINK="#99CCFF" ALINK="#99CCFF" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0>

<!-- OUTER TABLE-->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="100%" height="100%"><tr><td ALIGN="CENTER" VALIGN="TOP">

<!-- CONTENT TABLE -->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="80%"><tr><td ALIGN="left" VALIGN="TOP">
<br>

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>HTML Code Box:</strong></span>
<br />
This option will enable the HTML Code Box.  This button will be added to row four of the visual editor.

<br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Usage:</strong></span>
<br />
Placing a check in the box will enable the button in your visual editor.  Unchecking the box removes the button from the editor.<br /><br />
This option enables a popup box displaying your html code.  The main use I've found for this is when when switching between your visual and HTML tabs, the content can often be destroyed with the way tinymce behaves with certain code.  Using the popup option, no code is stripped from the editor and you are able to make your HTML adjustments in the popup window and save.<br /><br />

The one drawback I've found, is the HTML popup editor does not "beautify" the code.  Rather, it runs it all together.  So, I guess the lesson to be learned is you have to give something to get something...

<br /><br />
<img src="images/html.png" border="1px solid #000000" /><br />
<em>The visual editor.</em><br /><br />

<img src="images/html2.png" border="1px solid #000000" /><br />
<em>The HTML code in the popup window.</em><br /><br />

</td></tr></table>
<!-- CONTENT TABLE -->

</td></tr><tr><td ALIGN="center" VALIGN="bottom"><!-- OUTER TABLE -->

<!-- CLOSE BUTTON -->
<form>
<input type=button value="Close Window" onClick='self.close()'>
</form>

</td></tr></table>
<!-- OUTER TABLE-->

</BODY>
</HTML>