HTML Try It Editor

A simple HTML WYSWYG Try it Editor.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> My Try It Editor </TITLE>
  <script>
 function change(){
  document.getElementById("output").innerHTML=document.getElementById("input").value;
 }
  </script>
 </HEAD>
 <BODY>
  <Table>
  <caption>Try type something in html format on the left side pane and see the out put in the right side pane</caption>
   <tbody>
  <tr>
   <td width="50%" align="left">
   <textarea cols="50" rows="30" id="input" onkeyup="change()">
    <html>
     <body>
     Type your html content here..
     </body>
    </html>
   </textarea></td>
   <td width="50%" height="100%" valign="top"><div id="output" style="width:100%;height:100%;border:3px  solid;"></div></td>
  </tr>
   </tbody>
  </Table>
  <input type="button" onclick="change()" value="Refresh" name="Refresh"/>
 </BODY>
</HTML>

Comments

Popular posts from this blog

SVN File Creation Date

Java NIO2 - Watching a directory for changes. FileWatcherService.

Ubuntu / kubuntu - Laptop key board cursor jumping issue