讓你的ewbeditor也能運行代碼(javascript)

來源:互聯網
上載者:User
javascript 看到很多Blog上都能夠支援javascript代碼的直接運行示範. 可惜的是ewebeditor從3.6到4.0, 4.6 都沒有這麼一說.今天看看了代碼; 想想了實際上很簡單就能實現.實驗了一下很成功,下面和大家共用一下,讓你的ewbeditor也能運行javascript代碼適合ewebeditor 3.8,4.0 4.4 4.6都可以.

首先我們需要一個個運行代碼的js檔案也就是javascript代碼,你可以把他作成js檔案也可以直接放到調用的頁面

比如我的display.asp檔案.因為這個是最終顯示內容的頁面,使用者瀏覽的時候也就是看的這個頁面,運行代碼肯定也就在這個頁面進行了,所以我們把代碼加入到這個頁面的
<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();
}
}

把這個函數加入到<SCRIPT language=JavaScript type=text/javascript></javascript>之中後我們就要來構建我們的運行代碼的輸入框和運行按鈕了.

先用一個文本域框如果不能直接輸入,可以切換到代碼狀態下直接輸入下面的代碼:
<TEXTAREA style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>
ewbeditor 中稱為"插入輸入區".

直接插入完成後需要對它進行一下改動(切換到代碼狀態),需要對其賦一個id值(盡量長一點區分其他元素),完成後為:
<TEXTAREA id="2020" style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>

切換到設計狀態 在文本域中輸入要啟動並執行代碼.

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

然後給按鈕添加一個事件:

這裡的值一定要和你自己給定的文本域框的id的值要保持一致.完成後的按鈕代碼如下:
<BUTTON style="WIDTH: 52px; HEIGHT: 24px">運行代碼</BUTTON>

設定的時候需要切換到代碼狀態下才能完成.
<TEXTAREA id="202320" style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>
<BUTTON style="WIDTH: 62px; HEIGHT: 24px">運行代碼</BUTTON>
你可以複製一份上面的代碼然後切換到代碼狀態找個地方粘貼上去,回到編輯狀態就能直接用了,需要多個的話請改id值哦.

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。