您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

dedecms添加运行代码功能的FCKeditor编辑器实现方法

书翠2024-05-22DedeCMS教程已有人查阅

导读前些日子发现有许多朋友在找可以FCKeditor中的运行代码效果，可见网上没有类似的东东可以下载，其实这就是一个一个文本区+一个JS脚本的问题，没什么难的。

前些日子发现有许多朋友在找可以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.ebingou.cn
// 版权归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目录，登录到网站后台，添加文章看看吧。

本文标签：

很赞哦！ ()

上一篇：Linux操作系统下dedecms详细安全设置方法有哪些

下一篇：dede5.7首页缩略图无水印/不变形的实现方法

图文教程

相关源码

(PC+WAP)蓝色低碳环保隔断板装修装饰类网站pbootcms源码下载本款基于PbootCMS开发的网站模板为活动隔断板、装修装饰行业打造，特别适合移动隔断、环保隔断、办公分区等产品的展示与推广。查看源码
帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计，提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询，满足不同层次的学习需求。查看源码
(自适应)工商代理公司注册财务会计pbootcms模板免费下载为工商代理、财务会计服务企业设计的网站模板，基于PbootCMS开发，充分考虑了企业服务行业的展示需求与客户转化路径。设计风格专业严谨，布局清晰合理，呈现企业服务内容与专业优势。查看源码
(自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板，为化妆品品牌、美容机构打造，通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格，色卡系统规范产品展示。微交互动画增强用户体验，智能推荐算法提升产品关联展示效果。查看源码
帝国cms7.5女性护肤搭配美妆潮流网站源码带数据4.5G本模板专为女性美容护肤行业设计，提供美容护肤、发型设计、女性健康、时尚化妆、娱乐新闻、服饰搭配等女性潮流资讯内容展示。采用帝国CMS7.5开发，同步生成电脑端和手机端，满足用户对美容时尚信息的获取需求。查看源码
(自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发，为勘察设计院所、工程咨询单位设计，特别适合展示设计成果、技术服务和项目案例。采用响应式技术，确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码