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

所属分类: CMS教程 / dedecms 阅读数: 2054
收藏 0 赞 0 分享
可能难在如何加到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;
// 用于插入可以运行的代码
// 作者:枯林沐风 QQ:100726308 (长期招友情链接,要求alexa排名50万以内!)
// 版权归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目录,登录到网站后台,添加文章看看吧。
更多精彩内容其他人还在看

dedecms utf-8 出现乱码问题的解决方法之一

在制作dedecms utf-8 模板是遇到一个关于乱码的问题
收藏 0 赞 0 分享

dedecms 评论盖楼实现楼层数,类似腾讯、网易的评论(5.5/5.6版)

DEDE评论盖楼实现楼层数,类似腾讯、网易的评论(5.5/5.6版),喜欢的朋友可以参考下。
收藏 0 赞 0 分享

dedecms 5.6 缩略图按大小比例缩小裁剪

由于DEDECMS v5.6缩略图生成方法是按比例进行放缩的,和之前的版本问题一样,dedecms的官方也许根本没有注意到,或者他们觉得这样才是最好的缩略图生成方式
收藏 0 赞 0 分享

linux和windows主机实现dedecms伪静态

有些朋友为了节约空间等原因,喜欢用伪静态的,对于流量小,确实不错,下面看下具体的方法。
收藏 0 赞 0 分享

dedecms 5.6修改Dedecms提示信息方法

DEDECMS的跳转提示信息“Dedecms提示信息”,那么如何把这一字样改为自己网站的名称呢?
收藏 0 赞 0 分享

dedecms广告生成JS文件和JS调用-DEDE广告优化

DEDE广告生成JS文件和JS调用|DEDE广告优化主程序ad_makejs.php不是我写的,我只是做了些操作优化和界面美化。
收藏 0 赞 0 分享

dedecms 5.6 分页样式代码修改方法

看到好多人在用dedeCMS,但同时dedeCMS也存在好多问题,在官方网站也很难找到解决方法
收藏 0 赞 0 分享

DedeCMS 统计栏目的文章总数的调用方法

DedeCMS 统计栏目的文章总数的调用方法,我是根据5.3里面修改的,本人测试了可以,希望对大家有所帮助。
收藏 0 赞 0 分享

DedeCMS 标题seo优化 给列表页加上第x页

dede5.3的列表页每页的标题都相同,这样会让Google的搜索引擎认为是重复的页面,影响收录,我们可以为列表加上第几页,这个没个页面就是独立不同的页了!
收藏 0 赞 0 分享

使用dedecms制作英文站的技巧说明

国内的英文站长们经常遇到要用国内中文版的cms或论坛、博客来搭建英文网站,可是很多程序由于是针对国内用户设计的,所以并没有官方的英文版,如ecshop和dede cms、discuz,zblog也是利用英文语言包来实现的,所以二次开发成了一个比较热门的话题。
收藏 0 赞 0 分享
查看更多