Input html text in the upper textarea and click "html => xhtml" button. Result of the transformation will be shown in the lower textarea.
html: <LINK href="styles.css" type=text/css rel=StyleSheet> <STYLE type=text/css>.top { BORDER-RIGHT: #33ff33 1px solid; BORDER-TOP: #33ff33 1px solid; BORDER-LEFT: #33ff33 1px solid; BORDER-BOTTOM: #33ff33 1px solid; BACKGROUND-COLOR: #c8c4bb } .bottom { BORDER-RIGHT: #ff3333 1px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: #ff3333 1px solid; BORDER-BOTTOM: #ff3333 1px solid; BACKGROUND-COLOR: #d4d0c8 } .nav:hover { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } .nav { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .text { FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } </STYLE> <P><FONT size=6><FONT face=Verdana><STRONG><FONT color=#6633ff><FONT color=#ff6633>R</FONT>ich <FONT color=#ff6633>E</FONT>ditor</FONT>!</STRONG></FONT></FONT><BR> <TABLE style="WIDTH: 100%" borderColor=#6600ff cellSpacing=0 cellPadding=0 bgColor=#ccffff border=2> <TBODY> <TR> <TD><IMG style="WIDTH: 259px; HEIGHT: 32px" src="http://www.richarea.com/demo_rich/files/apache_pb.gif"></TD> <TD> <UL> <LI><FONT color=#cc6633><FONT face="Courier New" size=2>Create <EM>images</EM>, <EM>tables</EM>; right click to edit it!</FONT> </FONT> <LI><FONT face="Courier New" size=2><FONT color=#cc6633>Use RE in your forms instead <STRONG>textarea</STRONG></FONT></FONT></LI></UL></TD></TR></TBODY></TABLE></P> <P><SPAN class=nav>Full <SPAN class=header>stylesheet</SPAN> support available!</SPAN><SPAN class=special> Now RE works with <SPAN class=header>FLASH</SPAN>!</SPAN></P> xhtml: convert whole page add indents
Demo
