文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络网络编程Script让你的ewbeditor也能运行代码(javascript)
精品推荐
特别推荐
·主页javascript特效19则
·各种网页媒体播放器代码及详解
·用户体验:JS实现仿新浪信息提示效果
·网页特效:图片随机显示实例详解
·JavaScript入门学习书籍的阶段选择
·Javascript代码轻松隐藏网页源文件
·网页制作:JavaScript仿Windows关机效果
·网页制作Javascript经典小技巧总结
热点TOP10
·javascript实现语法分色编辑器
·总结性知识:107个常用Javascript语句
·Javascript模拟的DOS窗口代码实例
·JavaScript应用实例:网页折叠菜单
·撕页广告代码及简介
·用javascript作消息提示框(类似于QQ用户上线的消息提示)
·使用Javascript创建XML文件
·用vbscript实现在文本文件中搜索两个项

让你的ewbeditor也能运行代码(javascript)

日期:2007年7月6日 作者: 查看:[大字体 中字体 小字体]

看到很多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值哦.



上一篇:澄清概念:区分 JavaScript、Jscript、VBScript、ASP

下一篇:网站推荐:网页制作中常用的一些代码小结
相关文章:
·几秒钟让你的电脑百毒不侵,提速百倍!
·Windows XP技巧 运行也可来得更聪明
·C#编写的windows计算器-源代码
·超眩QQ空间代码_真爱永恒
·通讯录的源代码(用链表实现)
·javascript实现语法分色编辑器
·谁能知道微软在你的计算机里隐藏的秘密
相关软件:
·唤醒你的创业精神
·用Photoshop美化你的相片
·飞达网上商城购物网站系统源代码网页模板正式版
·新时速文件运行器 2.0
·张孝祥 Java视频教程全集附源代码 RMVB 其他介绍
·Javascript高级教程
·史上最强全功能Win98精简版 39MB 能够在U盘运行的win98

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot