FCKeditor 插件开发

本文介绍如何为FCKeditor开发一个扩展信息插件,该插件允许作者为特定文本片段添加额外信息,当读者点击这些文本时,会在页面侧边栏展示相应的扩展内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

开发思路:给选定文字增加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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值