运行代码框

不知道CSDN博客系统中有没有运行代码的功能，反正我没有试出来，就自己动手改造一下吧。

这是一个运行HTML代码的样例，编辑文章时，如果要用测试HTML代码，就插入下面这段代码：

<script type="text/javascript">
<!--
//*********************************************************
// 目的：    html运行脚本,兼容FF
// 输入：    无
// 返回：    无
//*********************************************************
function copycode(obj) {
var rng = document.body.createTextRange();
var obj1=document.getElementById(obj)
rng.moveToElementText(obj1);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}

function runCode(obj) {
var winname = window.open('', "_blank", '');
   var obj1=document.getElementById(obj)
winname.document.open('text/html', 'replace');
    winname.opener = null // 防止恶意修改
winname.document.writeln(obj1.value);
winname.document.close();
}
function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
   var obj1=document.getElementById(obj)
winname.document.open('text/html', 'replace');
winname.document.writeln(obj1.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
//*********************************************************
// --></script>
<textarea cols="80" rows="25" name="code" class="code">代码内容
</textarea></p>
<div class="editbox"><input class="button" οnclick="runCode('code')" type="button" value="运行代码" /> <input class="button" οnclick="copycode('code')" type="button" value="复制代码" /> <input class="button" οnclick="saveCode('code')" type="button" value="另存代码" /> <b>提示：您可以先修改部分代码再运行</b>
</div>

 

测试代码运行：

<script type="text/javascript"> </script> 代码内容

提示：您可以先修改部分代码再运行