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 dir="ltr"><head></head><body contenteditable="true"><font face="Tahoma"><font color="#6680e6">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</font> </font><div><ol><li><span style="font-family:Tahoma;">Nam tortor felis</li><li><span style="font-family:Tahoma;">Pulvinar in scelerisque cursus</li><li><span style="font-family:Tahoma;">Pulvinar at ante. </li></ol></div><div><font face="Tahoma"><span style="background-color: rgb(255, 255, 102);">Nulla</span> consequatcongue lectus in sodales. <span style="background-color: rgb(255, 255, 77);">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>"