| 让你的ewbeditor也能运行代码(javascript) |
|
| 让你的ewbeditor也能运行代码(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>
然后给按钮添加一个事件:onclick="runEx('2020')"
这里的值一定要和你自己给定的文本域框的id的值要保持一致.完成后的按钮代码如下:
<BUTTON onclick="runEx('2020')" style="WIDTH: 52px; HEIGHT: 24px">运行代码</BUTTON>
设置的时候需要切换到代码状态下才能完成.
<TEXTAREA id="202320" style="WIDTH: 579px; HEIGHT: 42px" cols=23></TEXTAREA>
<BUTTON onclick="runEx('202320')" style="WIDTH: 62px; HEIGHT: 24px">运行代码</BUTTON>
你可以复制一份上面的代码然后切换到代码状态找个地方粘贴上去,回到编辑状态就能直接用了,需要多个的话请改id值哦.
 |
频道声明：本频道的文章除部分特别声明禁止转载的专稿外，可以自由转载.但请务必注明出出处和原始作者 文章版权归本频道与文章作者所有.对于被频道转载文章的个人和网站,我们表示深深的谢意。
| 原始作者:佚名 |
录入时间:2007-6-20 17:13:32 |
| 信息来源:不详 |
投稿信箱:itqoo@126.com |
|
|
 |
|
|
|
| 教程录入：itqoo 责任编辑：itqoo |
|
上一个教程： javascript 函数: CTRL+回车 提交表单
下一个教程： 澄清概念：区分 javascript、Jscript、VBScript、ASP |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录 
新用户注册 
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） 