<html><head>
<title>Line Break Shortcode</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>Line Break Shortcode:</strong></span>
<br />
This option will enable the line break shortcode usage within the post/page content area.

<br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Usage:</strong></span>
<br />
You can use the shortcode [break] to insert a linebreak into your content.<br /><br />
This is extremely useful for spacing paragraphs, titles, headers, charts, or whatever else when switching between the Visual and the HTML editors.  It will also save properly when saving your content.<br /><br />
This has been the best workaround I can find to the tinymce stripping away br tags.

<br /><br />

<img src="images/linebreak1.png" border="1px solid #000000" /><br />
<em>Back-end view of the Visual editor.</em><br /><br />

<img src="images/linebreak2.png" border="1px solid #000000" /><br />
<em>Back-end view of the HTML editor.</em><br /><br />

<img src="images/linebreak3.png" border="1px solid #000000" /><br />
<em>Front-end view of the post.</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>