HTML Editor

LightBoxes HTML Editor using TinyMCE

Use this WYSIWYG HTML Editor to write your code. When finished, use the [Hide] button to show the HTML, (the [Show] button shows the WYSIWYG text), and copy the code. Paste this code into the text box in LightBoxes 'About Page' text pane.

<div id="outerWrapper">
  <div id="header"><h1>LightBoxes Gallery About Page</h1></div>
  <div id="contentWrapper">
    <div id="content"><h1>H1 Main Content</h1>
<hr />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.<p></p>
<h2>H2 level heading</h2>
<hr />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.<p></p><br />
<a href="http://www,jalbumskins.com">LightBoxes Home Page</a></div>
  </div>
  
</div>

[Show] [Hide] [Bold] [Get contents] [Get selected HTML] [Get selected text] [Get selected element] [Insert HTML] [Replace selection]