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

逍遥客真逍遥 發表於 2023-8-15 00:00:00

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

可能难在如何加到FCKeditor中，于是决定给新老站长做点贡献，现在工作时间不是太忙，但苦于网站处于“骑虎”状态，还不如给大家做点好事，还可以赚点流量。花了半小时的时间把这个功能做出来了。 说一下方法： 先找到DEDE的include目录下的FCKeditor这个目录，咱们大家经常发文章用的编辑器90%以上都是用的FCK，找到fckconfig.js打开，先来一段声明(版权时代，非常重要的)： FCKeditor版权所有。。。本功能旨在增强作用。。。绝无侵权之类。 先找到 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; 

 说明FCKeditor的按钮目录是在 xxx\include\fckeditor\skins\default 先把想加的图像图村放到这里面。一般图标的名称和fckconfig.js按钮的名称是一样的。 再找到 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
FCKConfig.DefaultLanguage = 'zh-cn' ; 

 说明语言是简体中文，那么找到语言目录：lang 打开zh-cn.js 加入想要的按钮变量及名称，如： 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
InsertMazi : "插入可运行代码", 
InsertMaziLb1 : "可运行代码", 
MaziProperties : "可运行代码", 

 我起的名字叫：mazi 呵呵，并不是马子啊，不要想歪了。 回到fckconfig.js，在： 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
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，其内容为： 以下为引用的内容： 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>

复制代码

代码如下:
</div>
<p class="msgborder" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
<?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> 
 
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目录，登录到网站后台，添加文章看看吧。

頁: [1]

琼殿技术论坛's Archiver

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