html/css/javascript-编辑器

<!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/

html/css/javascript-编辑器相关推荐

html页中加入数学公式,Html+Css+JavaScript实现网页公式编辑器(一)
最近一直在做网页版的公式编辑器,现在进度过半,我来总结一下这段时间开发网页公式编辑器的经验. 开始开发之前,我在网上搜集了大量网页公式方面的资料,现在比较流行的网页公式都是用MathML:数学置标语言 ...
html手机编辑器内含css,打造属于自己的 HTML/CSS/JavaScript 实时编辑器
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 目前市面上已经有很多类似的平台和方案了,类似像jsfiddle.CodePen.Storybook这样的平台 ...
web课程设计网页规划与设计~在线阅读小说网页共6个页面(HTML+CSS+JavaScript+Bootstrap)...
HTML期末大作业 ~ 大学生网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业 ...
HTML5期末大作业：文采网站设计——个人书画作品展示(6个页面) HTML+CSS+JavaScript...
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能满足你的需求 ...
HTML5期末大作业：售票网站设计——票务网站整套模板(24个页面) HTML+CSS+JavaScript
HTML5期末大作业:售票网站设计--票务网站整套模板(24个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
《520七夕情人节表白礼物》：虚幻浪漫的爱情故事——❤520表白星空漫漫3D相册❤(HTML+CSS+JavaScript)...
<520七夕情人节表白礼物>:虚幻浪漫的爱情故事--❤520星空漫漫3D相册❤(HTML+CSS+JavaScript) 520七夕节告白,也就是中国的情人节,你除了送花你还会什么?? 快 ...
HTML5期末大作业：在线电影网站设计——电影速递网(12页面)含登录注册HTML+CSS+JavaScript
HTML5期末大作业:在线电影网站设计--电影速递网(12页面)含登录注册HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业 ...
HTML5期末大作业：中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载...
HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript...
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
HTML5期末大作业：个人空间相册网页设计 (6页) HTML+CSS+JavaScript
HTML5期末大作业:个人空间相册网页设计 (6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品临近期末, 你还在为HTM ...

html/css/javascript-编辑器

html/css/javascript-编辑器相关推荐

最新文章

热门文章