FCKEditor已经提供了强大功能.但有时根据业务要求,需要增加自己的工具栏按钮等等.FCKEditor提供了插件机制.可以在对既有的代码不做修改.只需要简单的配置,就可以扩展FCKEditor的功能.下面用一个例子演示.我们的需求是:在工具栏增加一个My_Find按钮.点击弹出一个对话框:
1.配置:
FCKEditor所有的配置都在fckconfig.js中设置.
a.配置工具栏:
如果我们要增加一个按钮,My_Find
:
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['My_Find']
] ;
b.指定插件的位置:
-
FCKConfig.PluginsPath = FCKConfig.BasePath +
'plugins/'
;
c.把我们的插件加入到插件列表中:
-
FCKConfig.Plugins.Add(
'findreplace'
,
'en,it,fr'
) ;
注意:findreplace是
FCKConfig.PluginsPath下真实的文件夹名
.en,it,fr为可支持的语言
2.相关文件:
在插件文件下至少需要fckplugin.js.
如果只是多语言的的话,还需要在
lang文件夹,每种语言建立一个独立的语言文件夹.
其它文件根据项目的需要了.
2.fckplugin.js
a.注册命令
FCKCommands.RegisterCommand( 'My_Find' ,
new FCKDialogCommand( FCKLang['DlgMyFindTitle'] ,
FCKLang['DlgMyFindTitle'] ,
FCKConfig.PluginsPath + 'findreplace/find.html'
, 340, 170 ) ) ;
b.生成一个工具栏按钮,指定对应的图标
-
var
oFindItem =
new
FCKToolbarButton(
'My_Find'
, FCKLang[
'DlgMyFindTitle'
] ) ;
-
oFindItem.IconPath = FCKConfig.PluginsPath + 'findreplace/find.gif'
;
c.跟工具栏设置挂钩
-
FCKToolbarItems.RegisterItem( 'My_Find', oFindItem ) ;
其中My_Find是配置文件
ToolbarSets
中指定的
分享到:
相关推荐
asp.net中fckeditor插件的使用
fckeditor插件是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上...
名称: FCKeditor 远程保存图片插件 功能描述:在FCKeditor中复制网页内容时,其中的图片仍然保存在源站点上,使用该插件可将这些图片文件保存到站长自己的服务器上。
fckeditor编辑器自定义按钮,弹出页面,返回数据添加到fck编辑器
FCKeditor 插件的源代码,非常详细,
使用该插件可以实现插入媒体文件,如mp3,rmvb等 但本人比较菜,装了这个插件后只能播放MP3,貌似是rmvb找不到哦啊播放器,但我装了REALPLAYER的,如果哪位搞定的联系我哦
FCKEditor插件(自动排版)移植至CKEditor
FCKeditor 插件开发 示例(详细版本)
在公告管理开发方面,FCKeditor一直是用户喜欢的一款第三方插件 但是新手在使用过程中会出现这样或者那样的问题 本文档旨在帮助新手学会使用Fckeditor,希望对大家的学习有所帮助
struts2下的FCKeditor插件,解决了兼容问题,例子见本人上传的其他资源
FCKeditor插件:Meida|多媒体插入 具体添加方法参考我的Blog文章 http://blog.csdn.net/cnming/archive/2008/03/12/2173313.aspx
fckeditor集成远程图片上传插件,为了方便应用,插件作者已经做了升级并集成到fckeditor
wp 插件fckeditor-for-wordpress-plugin.3.3.1
FCKeditor开发jar包及fckeditor文件夹
FCKeditor视频上传插件里面有3个插件适合各种格式的视屏格式
fckeditor 用于web页面开发的文档编辑插件,非常方便使用。
个人觉得这文章很适合初开发FCK插件的朋友~,对于插件的开发的实例可以看我们上一篇发表的文字。
FCKEditor的一个上传文件的插件,可以不需要初始化编辑器之际点击按钮上传文件
FCKeditor的开发手册可以设置在线编辑器的各种格式,很详细的步骤