首先在你想要有運(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)的窗口中寫入代碼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)然你也可以改其它你平常用不到的按鈕。
綜合報(bào)道 經(jīng)濟(jì)形勢(shì) 勞動(dòng)就業(yè) 政策法規(guī) 熱點(diǎn)推薦 創(chuàng)業(yè)新聞 創(chuàng)業(yè)指導(dǎo) 創(chuàng)業(yè)課堂 創(chuàng)業(yè)故事 大學(xué)生創(chuàng)業(yè) | 裝修日記 | 學(xué)駕駛經(jīng)歷 | 免費(fèi)信息發(fā)布 | 網(wǎng)站地圖
地址:合肥市臨泉路香格里拉花園 郵箱:pc354@163.com QQ:55769640 | 皖I(lǐng)CP備06007228號(hào)
版權(quán)所有:科杰服務(wù)(www.www.yeewaa.com) 建議使用IE7.0或以上版本,最少1280分辨率瀏覽本站,可獲得最佳瀏覽效果