首先在你想要有運(yùn)行代碼框功能的文章頁(yè)面代碼中加上：

<script language=javascript>

function runCode()  //定義一個(gè)運(yùn)行代碼的函數(shù)，
{
 if(1 == arguments.length)
try{event = arguments[0];}catch(e){}
  var code=(event.target || event.srcElement).parentNode.childNodes[0].value;//即要運(yùn)行的代碼。
  var newwin=window.open('','','');  //打開(kāi)一個(gè)窗口并賦給變量newwin。
  newwin.opener = null // 防止代碼對(duì)原頁(yè)面修改
  newwin.document.write(code);  //向這個(gè)打開(kāi)的窗口中寫(xiě)入代碼code，這樣就實(shí)現(xiàn)了運(yùn)行代碼功能。
  newwin.document.close();
}
function copycode(obj) {
 var rng = document.body.createTextRange();
 rng.moveToElementText(obj);
 rng.scrollIntoView();
 rng.select();
 rng.execCommand("Copy");
 rng.collapse(false);
}

</script>

或者去除頭尾把那兩個(gè)函數(shù)放在單獨(dú)的JS文件中也可以加在其它的單獨(dú)JS文件里，調(diào)用！

然后就是裝運(yùn)行代碼的文本框，運(yùn)行和復(fù)制按鈕了：

<textarea name="run_Code"></textarea><br><input onclick="runCode()" type="button" value="運(yùn)行代碼"> <input type="button" value="復(fù)制代碼" onclick="copycode(run_Code)">[提示：你可先修改部分代碼，再按運(yùn)行]

關(guān)鍵就是上面這一段代碼怎么用到編輯器中，其實(shí)也不難，我的做法就是替換掉編輯器的一個(gè)按鈕功能改為運(yùn)行代碼框。打開(kāi)editor.js找到：

case "big":  // 字體變大
insertHTML("<big>" + sel.text + "</big>");
break;

改為：

case "big":  // 字體變大
insertHTML(" <textarea  name=run_Code>" + HTMLEncode(sel.text)+ "</textarea><br><input onclick=runCode() type=button value=運(yùn)行代碼> <input type=button value=復(fù)制代碼 onclick=copycode(run_Code)>[提示：你可先修改部分代碼，再按運(yùn)行]");
break;

當(dāng)然你也可以改其它你平常用不到的按鈕。