当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > javascript > 正文 |
|
|||
让你的ewbeditor也能运行代码 | |||
2007-9-22 12:00:37 文/收集未知 出处:电脑软硬件应用网 | |||
首先我们需要一个个运行代码的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值哦. |
|||
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |