看到很多Blog上都能夠支持javascript代碼的直接運(yùn)行演示. 可惜的是ewebeditor從3.6到4.0, 4.6 都沒(méi)有這么一說(shuō).今天看看了代碼; 想想了實(shí)際上很簡(jiǎn)單就能實(shí)現(xiàn).實(shí)驗(yàn)了一下很成功,下面和大家共享一下,讓你的ewbeditor也能運(yùn)行javascript代碼適合ewebeditor 3.8,4.0 4.4 4.6都可以.

首先我們需要一個(gè)個(gè)運(yùn)行代碼的js文件也就是javascript代碼,你可以把他作成js文件也可以直接放到調(diào)用的頁(yè)面

比如我的display.asp文件.因?yàn)檫@個(gè)是最終顯示內(nèi)容的頁(yè)面,用戶(hù)瀏覽的時(shí)候也就是看的這個(gè)頁(yè)面,運(yùn)行代碼肯定也就在這個(gè)頁(yè)面進(jìn)行了,所以我們把代碼加入到這個(gè)頁(yè)面的
<SCRIPT language=JavaScript type=text/javascript></SCRIPT>之間:

具體代碼如下:

function runEx(cod1) {
cod=document.getElementById(cod1)
var code=cod.value;
if (code!=""){
var newwin=window.open('','',''); 
newwin.opener = null 
newwin.document.write(code); 
newwin.document.close();
}
}


把這個(gè)函數(shù)加入到<SCRIPT language=JavaScript type=text/javascript></javascript>之中后我們就要來(lái)構(gòu)建我們的運(yùn)行代碼的輸入框和運(yùn)行按鈕了.

先用一個(gè)文本域框如果不能直接輸入,可以切換到代碼狀態(tài)下直接輸入下面的代碼:
<TEXTAREA style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>
ewbeditor 中稱(chēng)為"插入輸入?yún)^(qū)".

直接插入完成后需要對(duì)它進(jìn)行一下改動(dòng)(切換到代碼狀態(tài)),需要對(duì)其賦一個(gè)id值(盡量長(zhǎng)一點(diǎn)區(qū)分其他元素),完成后為:
<TEXTAREA id="2020" style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>

切換到設(shè)計(jì)狀態(tài) 在文本域中輸入要運(yùn)行的代碼.

下面再加入一個(gè)運(yùn)行按鈕(ewebeditor中的"插入按鈕"),如果不能加入,請(qǐng)切換到代碼狀態(tài)在代碼中輸入下面的代碼:
<BUTTON style="WIDTH: 52px; HEIGHT: 24px">運(yùn)行代碼</BUTTON>

然后給按鈕添加一個(gè)事件:onclick="runEx('2020')" 

這里的值一定要和你自己給定的文本域框的id的值要保持一致.完成后的按鈕代碼如下:
<BUTTON onclick="runEx('2020')" style="WIDTH: 52px; HEIGHT: 24px">運(yùn)行代碼</BUTTON>

設(shè)置的時(shí)候需要切換到代碼狀態(tài)下才能完成.

<TEXTAREA id="202320" style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>
<BUTTON onclick="runEx('202320')" style="WIDTH: 62px; HEIGHT: 24px">運(yùn)行代碼</BUTTON>

你可以復(fù)制一份上面的代碼然后切換到代碼狀態(tài)找個(gè)地方粘貼上去,回到編輯狀態(tài)就能直接用了,需要多個(gè)的話(huà)請(qǐng)改id值哦.

最新評(píng)論