<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>编辑器</title>
<style type="text/css">
body{
margin:0;
padding:0;
}
#left{
marigin:0;
padding:0;
text-align:center;
}
#left>form>textarea{
font-size:24px;
border:2px solid saddlebrown;
margin-bottom:40px;
}
#left>#title{
font-size:24px;
display:block;
font-weight:bold;
margin-bottom:30px;
margin-top:20px;
}
#tijiao{
width:200px;
height:60px;
color:saddlebrown;
font-size:24px;
font-weight:bold;
cursor:pointer;
/*固定提交*/
position:fixed;
left:50%;
top:95%;
transform:translate(-50%,-50%);
z-index:1000;
}
</style>
</head>
<body>
<div id="left">
<div id="title">html/css/javascript-编辑器</div>
<form action="http://120.79.77.12/tanghui/html/haha.php" method="get" target="_blank">
<textarea name="code" id="code" cols="60"; rows="20";></textarea><br>
<input id='tijiao' type="submit" value="提交代码">
</form>
</div>
<script type="text/javascript">
function codes(){
var v=document.getElementById('code').value.replace(/\r/g,'');
loadXMLDoc(v)
}
</script>
<script>
function loadXMLDoc(v)
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","http://120.79.77.12/tanghui/html/haha.php?code="+v,false);
xmlhttp.send();
//放回接收到的数据
//return(xmlhttp.responseText);
}
</script>
</body>
</html>
工具在线预览地址:http://120.79.77.12/tanghui/html/