电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
成功实现动易内容页运行代码功能
成功实现动易内容页运行代码功能
2010-2-6 12:43:28  文/网络收集   出处:电脑软硬件应用网   

通过网上搜集一些资料再加上对动易模板的研究终于成功的实现了动易内容页运行代码的功能!特共享给大家,希望对朋友们有所帮助

演示地址:http://45its.com/Article/design/wytx/201002/23258.htm

实现此功能第一步:
再内容页模板的<head></head>区域增加以下代码:

<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>

复制到你添加的区域就可以了,注意此时编辑框应切换到源代码状态。
相关的宽度可以自己调整。
本文只提供方法,相关的美工请各位朋友自己搞定!

最后不得不感叹动易系统的强大!别的程序可以做的,动易一样可以做到!
感谢动易团队给我们提供这么好的程序!!
  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    彻底去掉动易内容页顶部的“改变图片…
    动易相关文章如何去掉title(标题)
    动易中文章标题鼠标显示如何去掉
    动易中如何让添加水印的功能支持 PN…
    百度XML格式地图页面出错的处理方法
    动易中如何去掉默认作者是“佚名”这…
    IIS 内存不够用的一种解决方法
    动易管理员忘记密码或密码被意外修改…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号