网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

当前位置：首页 > 开发教程 > dede教程 >

织梦dedecms编辑器中增加代码运行框

时间：2018-06-10 21:59 来源：互联网作者：源码搜藏收藏

首先我们要知道这样的代码框的代码是什么？只要你找到了这个代码，我想你在修改模版的时候就会觉得不再是那么的困难了。我这里有一个简单的运行代码框的代码，发出来给大家分享：运行代码框的源代码如下：（你可以先复制下面的代码，到本地进行测试活运行首先我们要知道这样的“代码框”的代码是什么？只要你找到了这个代码，我想你在修改模版的时候就会觉得不再是那么的困难了。我这里有一个简单的“运行代码框”的代码，发出来给大家分享：
运行代码框的源代码如下：（你可以先复制下面的代码，到本地进行测试活运行。）

							
											01
										
											<script language="javascript" type="text/javascript">
									
											02
										
											function copycode(obj) {
									
											03
										
											var rng = document.body.createTextRange();
									
											04
										
											var obj1=document.getElementById(obj)
									
											05
										
											rng.moveToElementText(obj1);
									
											06
										
											rng.scrollIntoView();
									
											07
										
											rng.select();
									
											08
										
											rng.execCommand("Copy");
									
											09
										
											rng.collapse(false);
									
											10
										
											}
									
											11
										
											12
										
											function runCode(obj) {
									
											13
										
											var winname = window.open('', "_blank", '');
									
											14
										
											var obj1=document.getElementById(obj)
									
											15
										
											winname.document.open('text/html', 'replace');
									
											16
										
											winname.opener = null // 防止恶意修改
									
											17
										
											winname.document.writeln(obj1.value);
									
											18
										
											winname.document.close();
									
											19
										
											}
									
											20
										
											function saveCode(obj) {
									
											21
										
											var winname = window.open('', '_blank', 'top=10000');
									
											22
										
											var obj1=document.getElementById(obj)
									
											23
										
											winname.document.open('text/html', 'replace');
									
											24
										
											winname.document.writeln(obj1.value);
									
											25
										
											winname.document.execCommand('saveas','','现代视觉创意联盟.htm');
									
											26
										
											winname.close();
									
											27
										
											}
									
											28
										
											</script>
									
											29
										
											<textarea cols="80" rows="20" name="code" class="code_texear">
									
											30
										
											</textarea>
									
											31
										
											<div class="editbox"><input class="code_input" onclick="runCode('code')"type="button" value="运行代码" /> <input class="code_input"onclick="copycode('code')" type="button" value="复制代码" /> <input class="code_input" onclick="saveCode('code')" type="button" value="另存代码"/> <b>提示：您可以先修改部分代码再运行或者直接保存</b> </div>
									
											32
										
											</div>

知道了这个代码就好办了，现在我们要做的就是来修改模版的代码，大家都知道文章页模版是article_article.htm。下面我们要做的就很简单，但是我要提示你：最好重新在templets/default下新建一张页，名字叫什么都可以，这里我就新建成code.htm，再次把 article_article.htm文件使用右键-->记事本打开，把里面的所有代码拷贝到刚才新建的页面code.htm中并保存，然后在 code.htm的<head></head>之间加上上面我们提过的源代码中的脚本部分代码。如下：（如果你所做的站全部是一样的“代码运行”风格，你可以不用建立code.htm文件，直接在article_article.htm中修改，只不过要首先备份好article_article.htm文件）