<title>HTML代码预览</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=0.5; maximum-scale=5.0"/>
<style>
body {
background-color:#fcfffc;
margin:0;
padding:0
}
.tip {
overflow:hidden;
position:fixed;
bottom:0;
background-color:transparent
}
textarea{
background-color:#fcfffc;
margin:0;
padding:0;
color:#424242;
width:100%;
height:900px;
border:none}
form {
margin:0px;
padding:0px
}
</style>
<script>
function trestart(){
if (html_Test) {
clear = confirm("Are you 确定？",'');
if(clear) {
document.html_Test.reset();
document.html_Test.value = "";
}
}
}
function test(){
{
temp = document.html_Test.tester.value;
testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");
testwin.document.open();
testwin.document.write(temp);
testwin.document.close();
}
}
function about(){
alert("本功能支持在线即时预览html代码\n原作:87003056@163.com\n优化:Lonely sunny\nm.52woai.com")
}
</script>
<form name="html_Test">
<textarea name="tester" wrap="off">
<h1 style="color:red;background:black">言多必失</h1></textarea>
<div class="tip"><input onclick="test()" type="button" value="显示"> <input onclick="trestart()" type="button" value="重置"> <input onclick="about()" type="button" value="关于"></div></form>