首先在你想要有運行代碼框功能的文章頁面代碼中加上：

<script language=javascript>

function runCode()  //定義一個運行代碼的函數(shù)，
{
 if(1 == arguments.length)
try{event = arguments[0];}catch(e){}
  var code=(event.target || event.srcElement).parentNode.childNodes[0].value;//即要運行的代碼。
  var newwin=window.open('','','');  //打開一個窗口并賦給變量newwin。
  newwin.opener = null // 防止代碼對原頁面修改
  newwin.document.write(code);  //向這個打開的窗口中寫入代碼code，這樣就實現(xià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>

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

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

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

關(guān)鍵就是上面這一段代碼怎么用到編輯器中，其實也不難，我的做法就是替換掉編輯器的一個按鈕功能改為運行代碼框。打開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=運行代碼> <input type=button value=復(fù)制代碼 onclick=copycode(run_Code)>[提示：你可先修改部分代碼，再按運行]");
break;

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