<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><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:#E6F3FF
}
textarea{
background-color:#fcfffc;
margin-bottom:25px;
padding:0;
color:#424242;
width:100%;
height:900px;
border:none}
form {
margin:0px;
padding:0px
}
::-webkit-scrollbar{width:5px;height:0px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#FFFFFF;}
::-webkit-scrollbar-thumb:vertical{background-color:#BAE000;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A7B700;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}
</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")
}
function countChar(textareaNamezzjs,spanName){ document.getElementById(spanName).innerHTML=document.getElementById(textareaNamezzjs).value.length;
}
</script>
</head><body><form name="html_Test">
<textarea name="tester" id="tester" wrap="off" onkeydown="countChar('tester','counter');" onkeyup="countChar('tester','counter');"><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="关于"> <b><span id="counter">48</span></b></div></form></body></html>