This illustration shows a screen capture of the HTMLEditor Sample. The user interface of the application includes the text editor with a toolbar and an editing area, the Produce HTML Code button, and the scrollable area.The editing area contains the following text:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit.
1. Nam tortor felis.
2. Pulvinar in scelerisque cursus
3. Pulvinar at ante.
Nulla consequatcongue lectus in sodales. Nullam eu est a felis ornare bibendum et nec tellus. Vivamus non metus tempus augue auctor ornare. Duis pulvinar justo ac purus adipiscing pulvinar. Integer congue faucibus dapibus. Integer id nisl ut elit"
The first sentence is blue. The words "Nulla" and "Nullam" have a yellow background.
The area under the Produce HTML Code button has the following content:
"<html><head></head><body contenteditable="true"><font class="Apple-style-span" color="#000080">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </font><div><ol><li>Nam tortor felis</li><li>Pulvinar in scelerisque cursus</li><li>Pulvinar at ante. </li></ol></div><div><span class="Apple-style-span" style="background-color: rgb(255, 204, 0);">Nulla</span> consequatcongue lectus in sodales. <span class="Apple-style-span" style="background-color: rgb(255, 204, 0);">Nullam</span> eu est a felis ornare bibendum et nec tellus. Vivamus non metus tempus augue auctor ornare. Duis pulvinar justo ac purus adipiscing pulvinar. Integer congue faucibus dapibus. Integer id nisl ut elit aliquam sagittis gravida eu dolor. Etiam sit amet ipsum sem.</div></body></html>"