南强小屋 Design By 杰米
需要修改的文件:
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/)
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/)
标签:
FCK,编辑器,新按钮
南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米
暂无FCK编辑器(FCKEditor)添加新按钮和功能的修改方法的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。