让你的ewbeditor也能运行代码

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

时间: 2008-01-12

Discuz5.5.0代码高亮显示+运行代码框合成插件 下载第1/4页

主要功能: 1.几乎支持所有程序代码的高亮显示,包括以下语言:Actionscript.ADA.Apache Log.AppleScript.ASM.ASP.AutoIT.Backus-Naur form.Bash.BlitzBasic.C.C for Macs.C#.C++.CAD DCL.CadLisp.CFDG.CFDG.ColdFusion.CSS.Delphi.DIV.DOS.Eiffel.Fortran.Fortran.FreeBasic.GML.Groovy.HTML.Inno.I

关于可运行代码无法正常执行的使用说明

但随着一些效果,需要引入外部JS代码(外部js一般就是jquery等框架或一些需要引入的js代码其实就是只要可运行代码中有<script src="js路径"></script>的都是外部引入js),导致很多不是很熟悉代码的朋友,感觉这个代码是错误的,无法执行,就此这里简单的说明下,让大家不要理解错误了. 这里以一篇引入的外部Js的文章为例.http://www.jb51.net/article/23280.htm打开后发现如下代码那么点击运行代码后,发现页面并

PHPWIND 5.3 运行代码 功能实现代码

照样子弄了一下,发现数据格式已经换了,想着弄弄看,随便弄了下,感觉还有搞头.不过里面有<br />,PHP的字符替换我也不懂,试了下preg_replace发现只能替换一个,搞笑了.上网猛查资料,发现大多人说要用函数,汗汗.然后发现还有str_replace,试了下,总算可以了. 具体方法如下: 在template/你的模板名/read.html 在合适的地方加入: 复制代码 代码如下: <script> function run_Code(code) { var pop=wind

推荐Discuz!5的PHP代码高亮显示与实现可运行代码

discuz!5.0论坛显示风格的php代码高亮显示插件, 把php代码进行语法着色,喜欢PHP的同志可以轻松的看代码啦. 同时添加了html代码运行功能. 此插件是在以前某位同志发布的Discuz!4的php代码高亮显示基础之上修改完成. 另外,本人的php学习进入了停滞状态, 希望有人能帮助我走出php的学习困境 My QQ:5642382  我的QQ群:2577162 功能:发贴时使用[php]php代码[/php]标记来高亮显示php代码,       使用[runcode]Html代码

asp下实现代码的“运行代码”“复制代码”“保存代码”功能源码

Function content_Code(Str) dim ary_String,i,n,n_pos ary_String=split(Str,"[ code ]") n=ubound(ary_String) If n<1 then content_Code=Str Exit function End If for i=1 to n n_pos=inStr(ary_String(i),"[/ code ]") If n_pos>0 then ary_S

在Z-Blog中运行代码[html][/html](纯JS版)

昨天的<利用th,colgroup,col定义表格样式>中,细心点的朋友会发现加了一个"运行代码"的链接:直接点击可以运行Textarea中的内容.其实本身蓝色理想.51JS上也有相关介绍,Z-Blog官方论坛上也有类似帖子,因为自己不太喜欢改asp的内容(将来升级省得替换),所以偷了个小懒,做了一个纯JS版本的. 是否兼容FireFox,还没来得及测试.自己觉得"另存为"和"复制"功能也比较多余,这里也省略掉了.如果需要Fix Bu

cnblogs 运行代码功能尝试

首先定义个文本域并且给个ID <textarea id="O_txt_1" rows="8" cols="80"> <!--要运行的代码--> </textarea> 然后定义个按钮 <input type="button" value="运行代码" onclick="runCode('O_txt_1')" /> 最后当然是要写函数了,代码

给blog加上运行代码功能

在和尚那里看到他给z-blog加上了运行代码功能,放了几天假,有些怕怕再这样闲下去会生锈的,在补了一个半小时的觉之后,也给blog加上运行功能,因为是从L-Blog修改而来,因此同样适用于L-Blog,另外,FBS也是L-Blog修改而来,应该也可以使用本文中的方法来添加运行代码功能.另外,由于复制代码和保存代码还没有找到兼容各浏览器的解决方法,就没有加进来了. 示例: 步骤如下: 1. 在 include/common.js 中添加如下代码: 复制代码 代码如下: function runCo

js网页中的(运行代码)功能实现思路

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset='utf8' /> <title>网页中的运行代码功能</title> <script type="text/javascript"> function runCode(oCode) { var win = window.open('', "_blank", ''); win