Online Html Editor Code ( Try It )

Html Editor Code Free Open Source. Below Html Editor Code Copy And Paste Notepad Save in Php Format (.php).
100% Working Html Editor Code :
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style> textarea { width:300px; height:480px; } </style>
</head>
<body>
<form action="tryit.php" id="tryitform" method="post">
<table>
<tr><td style="background: #66FFCC; padding: 15px;">HTML<textarea name="html">Please Copy Your Html Code</textarea>
<td style="background: #66FFCC; padding: 15px;">CSS<textarea name="css">{
}
</textarea></td></td></tr>
</table>
<br />
<input type="submit" value="Get Solution" />
</form>
<div id="htmlcontent">
</div>
</body>
</html>
<script>
$(document).ready(function(){
$('#tryitform').submit(function(e){
e.preventDefault();
$('#htmlcontent').html( $(':input[name=html]').val() );
$('head').append( '<style>' + $(':input[name=css]').val() + '</style>' );
});
});
</script>
Save And Enjoy !! Friends . Any Problems in Html editor Comment. Thank You !!
No comments:
Post a Comment