看到很多Blog上都能够支持javascript代码的直接运行演示.可惜的是ewebeditor从3.6到4.0,4.6都没有这么一说.今天看看了代码;想想了实际上很简单就能实现.实验了一下很成功,下面和大家共享一下,让你的ewbeditor也能运行javascript代码适合ewebeditor3.8,4.04.44.6都可以.

首先我们需要一个个运行代码的js文件也就是javascript代码,你可以把他作成js文件也可以直接放到调用的页面

比如我的display.asp文件.因为这个是最终显示内容的页面,用户浏览的时候也就是看的这个页面,运行代码肯定也就在这个页面进行了,所以我们把代码加入到这个页面的

<SCRIPTlanguage=JavaScripttype=text/javascript></SCRIPT>之间:

具体代码如下:

functionrunEx(cod1){

cod=document.getElementById(cod1)

varcode=cod.value;

if(code!=""){

varnewwin=window.open('','','');

newwin.opener=null

newwin.document.write(code);

newwin.document.close();

}

}

把这个函数加入到<SCRIPTlanguage=JavaScripttype=text/javascript></javascript>之中后我们就要来构建我们的运行代码的输入框和运行按钮了.

先用一个文本域框如果不能直接输入,可以切换到代码状态下直接输入下面的代码:

<TEXTAREAstyle="WIDTH:579px;HEIGHT:42px"cols=23></TEXTAREA>

ewbeditor中称为"插入输入区".

直接插入完成后需要对它进行一下改动(切换到代码状态),需要对其赋一个id值(尽量长一点区分其他元素),完成后为:

<TEXTAREAid="2020"style="WIDTH:579px;HEIGHT:42px"cols=23></TEXTAREA>

切换到设计状态在文本域中输入要运行的代码.

下面再加入一个运行按钮(ewebeditor中的"插入按钮"),如果不能加入,请切换到代码状态在代码中输入下面的代码:

<BUTTONstyle="WIDTH:52px;HEIGHT:24px">运行代码</BUTTON>

然后给按钮添加一个事件:onclick="runEx('2020')"

这里的值一定要和你自己给定的文本域框的id的值要保持一致.完成后的按钮代码如下:

<BUTTONonclick="runEx('2020')"style="WIDTH:52px;HEIGHT:24px">运行代码</BUTTON>

设置的时候需要切换到代码状态下才能完成.

<TEXTAREAid="202320"style="WIDTH:579px;HEIGHT:42px"cols=23></TEXTAREA>

<BUTTONonclick="runEx('202320')"style="WIDTH:62px;HEIGHT:24px">运行代码</BUTTON>

你可以复制一份上面的代码然后切换到代码状态找个地方粘贴上去,回到编辑状态就能直接用了,需要多个的话请改id值哦.