DEDECMS添加运行代码功能的FCKeditor编辑器修改方法

2014-10-24dedecms教程
388

织梦模板网点评:前些日子发现有许多朋友在找可以FCKeditor中的运行代码效果,可见网上没有类似的东东可以下载,其实这就是一个一个文本区+一个JS脚本的问题,没什么难的
 
 
可能难在如何加到FCKeditor中,于是决定给新老站长做点贡献,现在工作时间不是太忙,但苦于网站处于“骑虎”状态,还不如给大家做点好事,还可以赚点流量。花了半小时的时间把这个功能做出来了。 
说一下方法: 
先找到DEDE的include目录下的FCKeditor这个目录,咱们大家经常发文章用的编辑器90%以上都是用的FCK,找到fckconfig.js打开,先来一段声明(版权时代,非常重要的): 
FCKeditor版权所有。。。本功能旨在增强作用。。。绝无侵权之类。 
先找到 

代码如下:

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; 


说明FCKeditor的按钮目录是在 xxx\include\fckeditor\skins\default 先把想加的图像图村放到这里面。一般图标的名称和fckconfig.js按钮的名称是一样的。 
再找到 

代码如下:

FCKConfig.DefaultLanguage = 'zh-cn' ; 


说明语言是简体中文,那么找到语言目录:lang 打开zh-cn.js 
加入想要的按钮变量及名称,如: 

代码如下:

InsertMazi : "插入可运行代码", 
InsertMaziLb1 : "可运行代码", 
MaziProperties : "可运行代码", 

我起的名字叫:mazi 呵呵,并不是马子啊,不要想歪了。 
回到fckconfig.js,在 : 

代码如下:

FCKConfig.ToolbarSets["Default"] 

的以下合适位置,加入你的变量名称,我的是“Mazi”。 
再找到editor\js\下的fckeditorcode_ie_2.js 在合适的位置添加: 
case 'Mazi':B=new FCKToolbarButton('Mazi',FCKLang.InsertMaziLb1,FCKLang.InsertMazi);break; 
case 'Mazi':B=new FCKDialogCommand('Mazi',FCKLang.DlgMaziTitle,'dialog/mazi.php',520,200);break; 

上面的dialog/mazi.php表示调用的文件,名称我也起名叫:mazi,扩展名为PHP,其内容为: 
以下为引用的内容: 

代码如下:

<?php 
require_once(dirname(__FILE__)."/../../../config_base.php"); 
?> 
<HTML> 
<HEAD> 
<title>插入可运行的代码</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<style> 
.td{font-size:10pt;} 
</style> 
<script language=javascript> 
var oEditor = window.parent.InnerDialogLoaded() ; 
var FCK = oEditor.FCK; 
// 用于插入可以运行的代码 
// 作者:www.dedecode.com
// 版权归fckeditor所有,本次修改只是增强功能,没有侵权意图! 
// 本插件你可以自由修改和转载,请保留本信息(不会影响你的速度) 
function TableOK(){ 
var rvalue,rurl,style; 
rurlname = form1.rurl.value; 
rvalue = "<TEXTAREA id=liehuonetsuifeng style=WIDTH:600px;HEIGHT:150px;>"+ rurlname +"</TEXTAREA>"; 
rvalue += "
"; 
rvalue += "<BUTTON onclick=Preview(liehuonetsuifeng)>运行代码</BUTTON>"; 
rvalue += "<BUTTON onclick=copyCode(liehuonetsuifeng)></BUTTON>"; 
rvalue += "<BUTTON onclick=saveCode(liehuonetsuifeng)>另存代码</BUTTON>"; 
rvalue += "<BUTTON onclick=addBookmark(document.title,location.href)>收藏本页</BUTTON>"; 
FCK.InsertHtml(rvalue); 
window.close(); 

</script> 
<link href="base.css" _fcksavedurl=""base.css"" _fcksavedurl=""base.css"" rel="stylesheet" type="text/css"> 
</HEAD> 
<body bgcolor="#EBF6CD" topmargin="8"> 
<form id="form1"> 
<table border="0" width="98%" align="center"> 
<tr> 
<td align="right">代码:</td> 
<td colspan="3"> 
<TEXTAREA name=rurl style=WIDTH:400px;HEIGHT:100px;></TEXTAREA> 
</td> 
</tr> 
<tr height="20"> 
<td colspan="2" align="right" nowrap> 
<input onclick="TableOK();" type="button" value=" 确定 " class="binput"> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</HTML> 

到此就全部结束了,把修改的文件上传到你的WEB目录,登录到网站后台,添加文章看看吧。
The End
编辑器

相关推荐

织梦dedecms编辑器添加新功能按钮
我们需要在织梦dedecms编辑器ckeditor添加新功能按钮,要怎么操作呢? 首页打开include/ckeditor/ckeditor.inc.php, 找到自己需要添加的地方,添加按钮名称 比如我需要加个翻译功能, 取名为FanYi ,需要在后台添加,而且不是会员中心什么地方 那就在13行添加...
2021-08-09 dedecms教程
165

DedeCMS添加FLV视频播放支持的方法
DedeCMS默认不支持播放flv视频播放的。 修改方法: 1、打开/include/FCKeditor/editor/dialog/wmd_media.htm 在 if(playtype==rm|| (playtype==- (rurl.indexOf(.rm)0 || rurl.indexOf(.rmvb)0 || rurl.indexOf(.ram)0)) ){revalue = embed src=+ rurl + qu...
2020-07-01 dedecms教程
210

织梦dedecms后台编辑器样式错乱,变为p x="" yle= 的解决办法
跟版网最近在用图集模型建站的时候,新建了一个自定义模型,为HTML文本。建立之后发布完成文档后,点击编辑后,样式竟然全部出现了错乱。如下图所示: 在百度和官方论坛寻找解决办法,但是网站上的办法并不起作用。最后发现问题可能出现在 datalistcp.class....
2017-09-21 dedecms教程
326

怎么将织梦图集模型编辑器改为文章编辑器?
今天跟版网小编在使用织梦图集编辑器的时候发现图集编辑器的功能要比文章的编辑器少很多,发布内容的时候很不好用,比如图片居中,编辑居中等功能,具体不知道官方为何将这个编辑器简化的,我们如何将编辑器改成文章的一样呢? 图集编辑器: 文章编辑器: 修...
2017-08-05 dedecms教程
616

DedeCMS的HTML自定义字段字符被过滤问题
在dedecms后台频道模型增加自定义字段,一般HTML文字编辑器能解决用户编辑问题,当然还包括纯单行或多行文本编辑。但发现dedecms会自动过滤掉某些敏感的字符,比如style样式,百度地图js调用问题。下面主要围绕着两个问题分享一下个人的经验。 HTML文字样式...
2017-04-21 dedecms教程
333

文章内容页图片自动居中,自适应手机,宽度100%
发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题. 这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度...
2017-01-04 dedecms教程
1849