快捷導(dǎo)航

fckeditor 插件開(kāi)發(fā)參考文檔

更新時(shí)間：2009年06月19日 18:19:12 作者：

個(gè)人覺(jué)得這文章很適合初開(kāi)發(fā)FCK插件的朋友~，對(duì)于插件的開(kāi)發(fā)的實(shí)例可以看我們上一篇發(fā)表的文字。

一：插件的目錄結(jié)構(gòu)
插件目錄的名稱(chēng)必須和插件的名稱(chēng)一樣，而且目錄里面必須包含一個(gè)fckplugin.js文件?？蛇x包含一個(gè)lang目錄用來(lái)實(shí)現(xiàn)界面的國(guó)際化。每一個(gè)文件定義一種語(yǔ)言，文件名不包含.js，用FCKConfig.Plugins.Add()注冊(cè)。如果實(shí)現(xiàn)的插件命令沒(méi)有界面，也可以不需要支持任何語(yǔ)言。
比如：findreplace插件的目錄結(jié)構(gòu)如下：
/editor/plugins/findreplace/fckplugin.js
/editor/plugins/findreplace/lang/en.js
/editor/plugins/findreplace/lang/zh.js
在fckplugin.js文件中定義你的插件，同時(shí)也應(yīng)該注冊(cè)改命令，以及創(chuàng)建一個(gè)工具欄按鈕。
注冊(cè)代碼說(shuō)明：

復(fù)制代碼代碼如下:

//注冊(cè)命令，RegisterCommand（命令名，命令） 
FCKCommands.RegisterCommand( 
'My_Find', 
new FCKDialogCommand( 
FCKLang['DlgMyFindTitle'], 
FCKLang['DlgMyFindTitle'], 
FCKConfig.PluginsPath + 'findreplace/find.html', 340, 170)); 

FCKCommands.RegisterCommand('My_Replace', 
new FCKDialogCommand( 
FCKLang['DlgMyReplaceTitle'], 
FCKLang['DlgMyReplaceTitle'], 
FCKConfig.PluginsPath + 'findreplace/replace.html', 340, 200)) ; 

//創(chuàng)建工具欄按鈕，現(xiàn)創(chuàng)建，再注冊(cè)。 
var oFindItem = new FCKToolbarButton('My_Find', FCKLang['DlgMyFindTitle']); 
oFindItem.IconPath = FCKConfig.PluginsPath + 'findreplace/find.gif' ; 
FCKToolbarItems.RegisterItem( 'My_Find', oFindItem ) ; 

var oreplaceItem = new FCKToolbarButton( 'My_Replace', FCKLang['DlgMyReplaceTitle']); 
oreplaceItem.IconPath = FCKConfig.PluginsPath + 'findreplace/replace.gif'; 
FCKToolbarItems.RegisterItem('My_Replace', oreplaceItem); 

二：安裝插件：
安裝前把解壓的包拷貝到editor/plugins目錄下，然后按下列步驟進(jìn)行：
1、先確定按鈕在工具欄的位置
最好在定制的配置文件中，新寫(xiě)一個(gè)工具欄來(lái)包含新的插件。

定制配置文件：

復(fù)制代碼代碼如下:

FCKConfig.ToolbarSets['PluginTest'] = [ 
['Source'], 
['Placeholder'], 
['My_Find', 'My_Replace'], 
['Table','-', 
'TableInsertRow', 'TableDeleteRows', 
'TableInsertColumn', 'TableDeleteColumns', 
'TableInsertCell', 'TableDeleteCells', 
'TableMergeCells', 'TableSplitCell' 
], 
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About'] 
] ; 

2：添加插件同樣，可以直接在定制文件中添加插件?？梢灾苯影巡寮胖玫侥J(rèn)目錄下，或者在FCKConfig.Plugins.Add方法里面的第三個(gè)參數(shù)指定插件所在的位置。
//代碼分析：
引用內(nèi)容

復(fù)制代碼代碼如下:

FCKConfig.Plugins.Add( pluginName, availableLanguages, pathToPlugin )

pluginName: 插件名稱(chēng)或者插件目錄名稱(chēng).
availableLanguages: 逗號(hào)分割的可用語(yǔ)言列表.
pathToPlugin: 絕對(duì)路徑，指插件的所占目錄，包括插件本身一層目錄

在默認(rèn)位置添加插件
引用內(nèi)容

復(fù)制代碼代碼如下:

FCKConfig.Plugins.Add( 'findreplace', 'en,it' ) ;

在其他位置添加插件，在add方法傳遞插件的絕對(duì)路徑。
引用內(nèi)容

復(fù)制代碼代碼如下:

FCKConfig.PluginsPath = FCKConfig.BasePath.substr(0, FCKConfig.BasePath.length - 7) + '_samples/_plugins/' ; 
var sOtherPluginPath = FCKConfig.BasePath.substr(0, FCKConfig.BasePath.length - 7) + 'editor/plugins/' ; 
FCKConfig.Plugins.Add( 'placeholder', 'en,it', sOtherPluginPath ) ; 
FCKConfig.Plugins.Add( 'tablecommands', null, sOtherPluginPath ) ; 

http://chabaoo.cn/article/18660.htm

您可能感興趣的文章: