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>
<!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
Post a Comment