FCK编辑器（FCKEditor）添加新按钮和功能的修改方法

需要修改的文件：

fckconfig.js
zh-cn.js
en.js
fckeditorcode_gecko.js || fckeditorcode_ie.js（针对IE以外的浏览器||针对ie浏览器，如果要支持两种浏览器，就这两个包都修改）

第一步：在Toolbar中添加功能按钮
fckconfig.js：FCKConfig.ToolbarSets[“Default”] 中添加按钮名称
FCKConfig.ToolbarSets["Default"] = [
['Bold','Italic','-','About', 'mydiy']
] ;

第二步：为按钮添加中文名称和英文名称

zh-cn.js：为你的按钮起个中文名字
mydiy : “我的自定义按钮"

en.js：为你的按钮起个英文名字
mydiy:"mydiybutton"

第三步：在Toolbar中显示该按钮

fckeditorcode_gecko.js（fckeditorcode_ie.js）：
查找：

case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后插入你的代码

比如case 'mydiy':B=new FCKToolbarButton('mydiy',FCKLang.mydiy,null,null,false,true,50);(这个50是按钮的显示图片，要让你的自定义按钮显示为插入图片那个按钮的图片，可以填入37)
这样就可以在Toolbar中显示你的按钮了

第四步：定义按钮功能原型

ckeditorcode_gecko.js（fckeditorcode_ie.js）：

查找：

var FCKNewPageCommand=function(){this.Name='NewPage';};
FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};
定义功能原型：（这里直接复NewPage的实现代码放到后面，然后进行修改）

比如：var FCKmydiyCommand=function(){this.Name='mydiy';};FCKmydiyCommand.prototype.Execute=function(){ 这里写你所需要执行的代码或者函数，比如alert("I am here !");};FCKmydiyCommand.prototype.GetState=function(){return 0;};
将上面代码插入到查找内容之后。

第五步：按钮功能实例化：

ckeditorcode_gecko.js（fckeditorcode_ie.js）：

查找：

case 'NewPage':B=new FCKNewPageCommand();break;
功能实例化：
case 'mydiy':B=new FCKmydiyCommand();break;
将上面代码插入到查找内容之后。

OK，这样就可以在为FCKeditor加上自定义的按钮了。

如果要为按钮加上快捷键，可以在fckconfig.js中：FCKConfig.Keystrokes = []加上
[ CTRL + 71 /*G*/, 'mydiy' ],

来自：萍客小居 （http://www.piikee.net/）

赞 (0)

相关推荐

  • CKEditor自定义按钮插入服务端图片

    CKEditor自定义按钮插入服务端图片

    CKEditor 富文本编辑器很好用,功能很强大,在加上支持服务端图片上传的CKFinder更是方便, 最近在使用CKFinder的时候发现存在很多问题,比如上传图片的时候,图片不能按时间降序排列,另外CKFinder是也是收费的,所以自己想实现一个简单的类似CKFinder的功能, 本节只讲在CKEditor实现服务器图片的插入插件实现方法. CKEditor版本是 ## CKEditor 4.4.4 第一.定义插件 1.在ckeditor\plugins文件夹下,新建serverimg文件夹

  • FCKeditor添加自定义按钮的方法

    增加按钮有以下几步: 1.为按钮增加图片: FCK的所有按钮图片是存放在一个图片文件里的,这一点比较独特,文件存放在相应皮肤目录下,如:/FCK/skins/silever/fck_strip.gif.通过Fireworks或Phtoshop打开该文件可以发现一个很长的图片,里面包含所有按钮的图片,现在您可以在该图片的最下面增加您自定义的按钮,注意,每个按钮的尺寸是16*16px. 2.为按钮增加功能代码: 增加按钮需要对FCK/editor/js目录中的两个核心文件进行修改:fckeditor

  • FCKeditor添加自定义按钮

    在FCKeditor目录里的fckconfig.js打开,找到FCKConfig.ToolbarSets["Default"] 这里的设置是配置功能按钮的,你需要的留下,不需要的可以删掉,也可以注释掉. 如需要多种配置,可以设置多个FCKConfig.ToolbarSets["你自己命个名name"] 后面跟配置详情.在引用编辑器的时候,以PHP为例:把fckeditor.php复制一个命名fckeditor1.php,在这里可以改配置.($this->Too

  • FCK编辑器（FCKEditor）添加新按钮和功能的修改方法

    需要修改的文件: fckconfig.js zh-cn.js en.js fckeditorcode_gecko.js || fckeditorcode_ie.js(针对IE以外的浏览器||针对ie浏览器,如果要支持两种浏览器,就这两个包都修改) 第一步:在Toolbar中添加功能按钮 fckconfig.js:FCKConfig.ToolbarSets["Default"] 中添加按钮名称 FCKConfig.ToolbarSets["Default"] = [

  • pandas添加新列的5种常见方法

    pandas添加新列的5种常见方法

    目录 前言 一.insert()函数 二.直接赋值法 三.reindex()函数 四.concat()函数 五.loc()函数 附:pandas根据现有列新添加一列 总结 前言 pandas为DataFrame格式数据添加新列的方法非常简单,只需要新建一个列索引,再为其赋值即可. 以下总结了5种常见添加新列的方法. 首先,创建一个DataFrame结构数据,作为数据举例. import pandas as pd # 创建一个DataFrame结构数据 data = {'a': ['a0', 'a

  • Java程序中添加播放MIDI音乐功能的实现方法详解

    JAVA 在多媒体处理方面的确优势不大,但是我们在程序中有些时候又需要一些音乐,如果播放的音乐是wav等波形音频文件,又很大的话,所以背景音乐最好就是MIDI了,可是网上很多播放MIDI的教程都是简单的几句话的例子.没有考虑资源的释放问题,如果程序长久运行的话,就会出现内存越耗越多的情况,最后会抛出一个 java.lang.OutOfMemoryError..在MIDI的播放中,一个类是比较重要的,那就是 MidiSystem 类,负责整个MIDI播放设备等的管理,其实就是 Seqencer,它

  • jQuery添加新内容的四个常用方法分析【append，prepend，after，before】

    本文实例讲述了jQuery添加新内容的四个常用方法.分享给大家供大家参考,具体如下: 添加新内容的四个 jQuery 方法区别如下: append() - 在被选元素(里面)的结尾插入内容 prepend() - 在被选元素(里面)的开头插入内容 //jQuery append() 方法在被选元素的结尾插入内容. $("p").append("Some appended text."); //jQuery prepend() 方法在被选元素的开头插入内容. $(&q

  • jQuery 如何给Carousel插件添加新的功能

    本文是小编自己写的一个给carousel插件添加新功能,关于Carousel插件的教学视频.参考别的网站,当鼠标放在下排按钮上或者点击之后,Carousel就会跟这个按钮相同下标的li作为第一帧显示. 所有的代码都在这里https://github.com/wwervin72/jQuery-Carousel 那么说干就干,首先我们要做的就是要把这些按钮显示出来.于是我们就需要在Carousel的原型对象prototype上添加一个方法,用于生成切换幻灯片的按钮. switchSlideBtn :

  • asp.net使用FCK编辑器中的分页符实现长文章分页功能

    本文实例讲述了asp.net使用FCK编辑器中的分页符实现长文章分页功能.分享给大家供大家参考,具体如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SplitContent.aspx.cs" Inherits="SplitContent" %> <%@ Register Assembly="FredCK.FCKeditorV2&

  • Android标题栏中添加返回按钮功能

    标题栏中的返回按钮在实际使用中用的比较多,今天就来讲讲我在项目开发中的使用经历,话不多说,还是直接上源码,上源码是最给力的. 一. 编写自定义类 public class CustomTitle { private static Activity mActivity; public static void getCustomTitle(Activity activity, String title) { mActivity = activity; mActivity.requestWindowF

  • Ecshop 后台添加新功能栏目及管理权限设置教程

    Ecshop 后台添加新功能栏目及管理权限设置教程

    一.添加菜单项 打开 /admin/includes/inc_menu.php文件(后台框架左边菜单),在最后添加一行如下: 1$modules['17_other_menu']['sns_list'] = 'sns_list.php?act=list'; ecshop默认一级菜单项有16项,所里这里的例子从17开始.当然这个key可以随便取的,index.php文件中对菜单用了ksort排序."17_other_menu" 表示一级菜单,"sns_list"表示二

  • 微信小程序中添加客服按钮contact-button功能

    小程序的客服系统,是微信做的非常成功的一个功能,开发者可以很方便的通过一行代码,就可实现客服功能. 1. 普通客服按钮添加 <button open-type='contact' session-from=''>客服-联系我们</button> 2. 悬浮客服按钮添加,图片自定义 大家看地图的有个客服图片图片资源.大家去iconfont 网站去找一个就可以了 index.wxml <button class="kf_button" open-type=&q

  • 网页编辑器FCKeditor 2.6.4精简配置方法

    上传目录请在fckeditoreditorfilemanagerconnectorsaspconfig.asp中设置 Dim ConfigUserFilesPathConfigUserFilesPath = "/userfiles/" 中文配置说明:因为下载下来的压缩包里面有包含很多在我们使用时,用不到的,不删除也行.看个人喜好下面以PHP为例,进行程序瘦身 删除所有"_"开头的文件和文件夹 删除FCKeditor的目录下: fckeditor.afpfckedit

随机推荐