很简单,其实就是相当于左边是个textarea输入域,右边是个代码解析,可用innerHtml.示例如下:
<html>
<head>
<script language="javascript">
function onsubm()
{
//document.getElementById("result").innerHTML=document.getElementById("text1").value;
result.innerHTML=document.getElementById("text1").value;
}
</script>
</head>
<body>
<div>
<font size="5" color="red">编辑您的代码:</font>
<span style="position:relative;left:500px"><font size="5" color="red">查看结果:</font></span></div>
<div style="width:600px;height:400px;border:1px solid blue;float:left;">
<form onsubmit="onsubm()" action="#">
<textarea rows="20" cols="80" id="text1">
</textarea>
<input type="submit" value="提交代码"/>
</form>
</div>
<div id="result" style="width:300px;height:400px;border:1px solid blue;float:left;">
</div>
</body>
</html>
追问谢谢你辛苦了,不过我尝试了一下,只有框架,功能不能实现,这是怎么回事呢?
追答确定不能么?用的浏览器是?这边是可以的
![](https://video.ask-data.xyz/img.php?b=https://iknow-pic.cdn.bcebos.com/d62a6059252dd42a66363497073b5bb5c9eab8ca?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
搜狗浏览器和Chrome浏览器是可以的,IE浏览器有点问题,兼容问题!
追问可以加一下QQ么,谢谢你,要的就是你这个效果,我用德业是chrome浏览器,不过把你的代码复制到 webstorm里 用chrome查看就是不行,还有乱码 QQ 124011197
万分感谢
本回答被提问者和网友采纳