位置：首页>> 网络编程>> JavaScript>> 如何给eWebEditor编辑器加上运行代码框功能（2）

如何给eWebEditor编辑器加上运行代码框功能（2）

　来源：asp之家　发布时间：2007-09-25 07:02:00　

标签：运行,编辑器,eWebEditor

发现网友留言说在一个页面添加多个运行代码框的实现方法。看了上面代码发现有点问题，上面的好像只适合一个运行代码框。

得修改下runCode函数代码：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>如何实现运行代码框功能 - asp之家</title><script language=javascript>function runCode(obj) {if (!obj){obj=document.getElementById(obj);} var code=obj.value; var newwin=window.open('','',''); newwin.opener = null; newwin.document.write(code); newwin.document.close();}function copycode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj); rng.scrollIntoView(); rng.select(); rng.execCommand("Copy"); rng.collapse(false);}</script><style>textarea { font-size: 12px;FONT-FAMILY: "Tahoma", "MS Shell Dlg";}.codetextarea { font-family: "宋体"; font-size: 12px; height: 310px; width: 515px; word-wrap:normal; word-break:keep-all;}</style></head><body><span><textarea class="codeTextarea" id="run_Code11"><p align=center>这里是要运行的代码，呵呵，asp之家欢迎您！</p><p align=center><a href="http://www.aspxhome.com">Http://www.aspxhome.com</p></textarea><br><input onclick="runCode(document.getElementById('run_Code11'))" type="button" value="运行代码"> <input type="button" value="复制代码" onclick="copycode(run_Code11)">[提示：你可先修改部分代码，再按运行]</span><p></p><span><textarea class="codeTextarea" id="run_Code22"><p align=center>这里是要运行的第二部分代码，asp之家欢迎您！</p><p align=center><a href="http://www.aspxhome.com">Http://www.aspxhome.com</p></textarea><br><input onclick="runCode(document.getElementById('run_Code22'))" type="button" value="运行代码"> <input type="button" value="复制代码" onclick="copycode(run_Code22)">[提示：你可先修改部分代码，再按运行]</span></body></html>

只要用一个随机函数加到id中，使每次生成的运行代码框的id值不同就可以了，当然还有对应的 onclick="runCode(‘run_Code11’)" 中run_Code11也要改变。

呵呵，然后如果你喜欢可以换掉原来按钮的图片，这样就搞定了！有什么问题欢迎留言！

第一页上一页 1

投稿

如何给eWebEditor编辑器加上运行代码框功能（2）

猜你喜欢