通过网上搜集一些资料再加上对动易模板的研究终于成功的实现了动易内容页运行代码的功能!特共享给大家,希望对朋友们有所帮助 演示地址:http://45it.com/Article/design/wytx/201002/23258.htm <SCRIPT> function Preview(obj) { var TestWin=window.open('','',''); //打开一个窗口并赋给变量TestWin。 TestWin.opener = null // 防止代码对论谈页面修改 TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code,这样就实现了运行代码功 能。 TestWin.document.close(); } //复制文本域代码 function copyCode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj); rng.scrollIntoView(); rng.select(); rng.execCommand("Copy"); rng.collapse(false); } //另存文本域代码 function saveCode(obj) { var winname = window.open('', '_blank', 'top=10000'); winname.document.open('text/html', 'replace'); winname.document.writeln(obj.value); winname.document.execCommand('saveas','','code.htm'); winname.close(); } </SCRIPT> 第二步: 把你需要运行的代码放在以下的文本框区域内 <TEXTAREA id=code1 style="WIDTH: 560px; HEIGHT: 200px"> 然后加上运行代码区域 </TEXTAREA> <BR><BUTTON onclick=Preview(code1)>运行代码</BUTTON><BUTTON onclick=copyCode(code1)>复制代码</BUTTON><BUTTON onclick=saveCode(code1)>另存代码</BUTTON> 复制到你添加的区域就可以了,注意此时编辑框应切换到源代码状态。 相关的宽度可以自己调整。 本文只提供方法,相关的美工请各位朋友自己搞定! 最后不得不感叹动易系统的强大!别的程序可以做的,动易一样可以做到! 感谢动易团队给我们提供这么好的程序!! |