FCKeditor 插件开发

插件功能:可以给选定的一段文字增加扩展信息,展示时,点击此段文字,页面侧边栏展示扩展信息

开发思路:给选定文字增加a标签,在a标签上注册事件,该事件可在文章展示时,点击触发页面侧边栏展示扩展信息

版本: 2.6.3

开发步骤:
一、复制%fckeditor%/editor/dialog/fck_link.html 与  %fckeditor%/editor/dialogfck_link/fck_link.js 到新建文件夹 %fckeditor% /editor/plugins/extinfo ,作为模板,适当修改文件名和文件内容


二、  修改  %fckeditor% /fckconfig.js
在该文件中搜索 FCKConfig.ToolbarSets[ "Default" ],向其中加入新的插件名称:ExtInfo


三、语言
根据需要修改 %fckeditor%/editor/lang 中的文件
如:中文语言

英文语言:


四、注册插件
修改文件  %fckeditor% /editor/js/fckeditorcode_gecko.js、fckeditorcode_ie.js
在FCKCommands.RegisterCommand方法中的switch结构中,加入如下代码:
case 'ExtInfo':B=new FCKDialogCommand('ExtInfo',FCKLang.ExtInfoProp,'plugins/extinfo/fck_extinfo.jsp?UL',550,300);break;

FCKToolbarItems.GetItem 方法中的switch结构中,加入如下代码:
case 'ExtInfo':B=new FCKToolbarButton('ExtInfo',FCKLang.ExtInfo,null,null,null,true,72);
(72表示的是图标的位置,图标文件%fckeditor% \editor\skins\office2003\fck_strip.gif

成果展示:




注:扩展信息的内容保存在数据库里,a链接只保留id


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值