账号通
    

账号  

密码  

3930

查看

6

回复
主题:[原创]脚本代码运行框效果~~~! [收藏主题] 本贴被认定为精华 转到:  
dick830629 当前离线

122

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1108 分
登录次数:84 次
注册时间:2009/8/31
最后登录:2011/7/27
dick830629 发表于:2010/1/11 23:13:00   | 只看该作者 查看该作者主题 楼主 
科汛在线商城系统(NET)

效果如下

 


此主题相关图片如下:20101312205662523.gif
20101312205662523.gif

 



此主题相关图片如下:1.gif
1.gif

 

完成上面步骤以后,在内容页模板中,加入如下代码

<textarea name="code" style="200px;height:50px"> {$KS_jscode} </textarea>
<br />

<input type="button" value="运行代码" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;" onclick="runCode(code)">
<input type="button" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;"value="复制代码" onclick="copycode(code)">
<input type="button" style="border-left:1px solid #B1B4CD;border-right:1px solid #494D74;border-top:1px solid #B1B4CD;;border-bottom:1px solid #494D74;background:#696D81;color:#FFFFFF;"value="另存代码" onclick="saveCode(code)"></div>
<script>

 

function runCode(obj) {
        var winname = window.open('', "_blank", '');
        winname.document.open('text/html', 'replace');
 winname.opener = null // 防止代码对论谈页面修改
        winname.document.write(obj.value);
        winname.document.close();
}
function saveCode(obj) {
        var winname = window.open('', '_blank', 'top=10000');
        winname.document.open('text/html', 'replace');
        winname.document.write(obj.value);
        winname.document.execCommand('saveas','','code.htm');
        winname.close();
}

 function copycode(obj) {
 if(obj.style.display != 'none') {
  var rng = document.body.createTextRange();
  rng.moveToElementText(obj);
  rng.scrollIntoView();
  rng.select();
  rng.execCommand("Copy");
  rng.collapse(false);
 }
}

</script>


{$KS_jscode} 这个就不用多说了,就是刚刚新建的自定义字段

 

当然,在后台添加的时候,还有一个地方需要注意,那就是在FCK编辑器中,需要把编辑模式由“可视化”模式编程“源代码”模式,否则FCK会自动加些代码,导致运行框中的代码无法运行。

 

如果你觉得每次添加的时候都需要手动去切换模式比较麻烦,那可以按照下面的方法去做:

<script language="javascript">
function FCKeditor_OnComplete( editorInstance )
{
   editorInstance.SwitchEditMode();
}
</script>

将这段代码放入admin目录下的KS.Article.asp这个文件里面,随便放最后还是放开头都行。这样,当使用FCK编辑器的时候,默认模式就是“源代码”模式了

 

 

 


此主题相关图片如下:2.gif
2.gif

此主题相关图片如下:3.gif
3.gif
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hhkj520 当前离线

329

主题

1

广播

0

粉丝
添加关注
级别:三年级

用户积分:2409 分
登录次数:95 次
注册时间:2008/12/9
最后登录:2016/1/25
hhkj520 发表于:2010/3/3 10:15:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
dick830629 当前离线

122

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1108 分
登录次数:84 次
注册时间:2009/8/31
最后登录:2011/7/27
dick830629 发表于:2010/3/3 8:07:00   | 只看该作者 查看该作者主题 藤椅 
做在线知识付费 选科汛云开店
以下是引用dja168在2010-1-14 16:28:00的发言:

这种默认设置成源代码状态的情况下,所有添加信息和模型也都成了默认源代码状态,发布信息的时候还是要转换过来,比较麻烦,

如果选用文本,输出不过来html代码就完美了。

 

现在的问题是:做网页特效代码,建立自定义字段,选择多行文本(不支持html),发布的时候,把特效代码复制进去,保存后,在前台访问内容页的时候发现,脚本代码里的一些符号被过滤了,导致脚本代码运行错误,不知道各位有什么好的方法。。。。。

我上面是吧自定义字段的默认编辑状态改成了源代码模式,下面还有科汛自带的一个编辑器添加相关说明,实际上是分开的。

不过记得要把模型下内容编辑器改为科汛的编辑器,自定义字段的编辑器用FCK编辑器就可以了。

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
dja168 当前离线

362

主题

5

广播

1

粉丝
添加关注
级别:三年级

用户积分:4410 分
登录次数:638 次
注册时间:2006/7/20
最后登录:2023/8/8
dja168 发表于:2010/1/14 16:28:00   | 只看该作者 查看该作者主题 板凳 
科汛在线考试系统(NET)

这种默认设置成源代码状态的情况下,所有添加信息和模型也都成了默认源代码状态,发布信息的时候还是要转换过来,比较麻烦,

如果选用文本,输出不过来html代码就完美了。

 

现在的问题是:做网页特效代码,建立自定义字段,选择多行文本(不支持html),发布的时候,把特效代码复制进去,保存后,在前台访问内容页的时候发现,脚本代码里的一些符号被过滤了,导致脚本代码运行错误,不知道各位有什么好的方法。。。。。

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
dick830629 当前离线

122

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1108 分
登录次数:84 次
注册时间:2009/8/31
最后登录:2011/7/27
dick830629 发表于:2010/1/14 11:01:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
keyi 当前离线

3123

主题

8

广播

18

粉丝
添加关注
级别:大二

用户积分:11924 分
登录次数:2527 次
注册时间:2008/12/24
最后登录:2023/12/14
keyi 发表于:2010/1/12 10:04:00   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
◆°黑詺單! 当前离线

111

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:129 分
登录次数:53 次
注册时间:2010/4/17
最后登录:2011/2/18
◆°黑詺單! 发表于:2010/9/1 11:10:54   | 只看该作者 查看该作者主题 7楼 
科汛智能建站系统
不错  就是添加代码的时候有点麻烦  要是能添加个按钮直接能添加代码就好了
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.14160秒 powered by KesionCMS 9.0