(FCKeditor.地址是：http://www.fckeditor.net/.我下載的版本是:2.6.3。)
What ?
      FCKeditor一直是web上編輯器的比較好的一個(gè)選擇，他是開源的，而且效果不錯(cuò)。FCKeditor的插件是對(duì)FCKeditor的擴(kuò)展功能。
Why?
盡管一般條件下FCKeditor能適應(yīng)使用，但你可能對(duì)FCKeditor僅有的功能不滿意，好.FCKeditor提供了插件開放功能，只要你能想到，你就做吧。
How?
        我就一個(gè)簡(jiǎn)單的"Hello"為例來(lái)介紹FCKeditor插件的開發(fā)（申明：俺也是菜鳥,有啥不對(duì)的地方，請(qǐng)指出來(lái)，大家進(jìn)步啦。）
        首先,進(jìn)入FCKeditor編輯器目錄下的editor文件下的plugins目錄下。這個(gè)目錄是放Fckeditor插件的。So,建立一個(gè)文件夾，命名為'hello'。
        第二步，進(jìn)入'hello'文件夾。建立一個(gè)"fckplugin.js"的文件。這是fckeditor插件的所必須的，主要是插件注冊(cè)等等。
        再建立語(yǔ)言文件。在'hello'文件夾下建立一個(gè)'lang'的文件夾。在'lang'文件夾下建立語(yǔ)言文件，F(xiàn)ckeditor插件的語(yǔ)言文件命名方式是：國(guó)家或地區(qū).js。如中國(guó)是zh.js.簡(jiǎn)體中文是zh-cn.js.英文是en.js等等。我們建立兩個(gè)"en.js"和"zh-cn.js"。
        然后編輯語(yǔ)言文件。我們編輯"en.js"。寫入以下內(nèi)容：FCKLang.Hello="Hello";(注意包含";",js的代碼嘛),在"zh-cn.js"中寫入:FCKLang.Hello="你好"; 
        FCKeditor插件語(yǔ)言的命名方式為:FCKLang.變量名="語(yǔ)言定義"
      OK,語(yǔ)言問(wèn)題定義完成了，然后是插件定義。
打開第二步的"fckplugin.js"。

OK，不懂？詳細(xì)說(shuō)明：

插件機(jī)制：注冊(cè)命令-定義工具欄-注冊(cè)到工具欄

 注冊(cè)命令:：FCKCommands.RegisterCommand(命令名稱,對(duì)話框命令)

對(duì)話框命令：FCKDialogCommand(命令名稱,對(duì)話框標(biāo)題,URl,寬度，高度)

 這樣注冊(cè)命令就完成，然后定義一個(gè)工具欄

 FCKToolbarButton(命令名稱,按鈕標(biāo)題)

你最好添加一個(gè)圖標(biāo)：IconPath=圖標(biāo)地址

 現(xiàn)在命令也注冊(cè)完成，工具欄也定義好了，然后是添加：

FCKToolbarItems.RegisterItem(命令名稱,工具欄);

注意:”Hello.html”就是你要顯示html中應(yīng)該包含如下語(yǔ)句.

OK.插件制作完畢了，怎么顯示呢？

在Fckeditor的目錄下找到 “fckconfig.js”，這是fckeditor的設(shè)置文件。找到

” FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;”

添加:”FCKConfig.Plugins.Add(‘hello','zh-cn,en');  ”

解釋：FCKConfig.Plugins.Add(插件名,'語(yǔ)言文件');其中語(yǔ)言文件是可選的，如果沒(méi)有則自動(dòng)設(shè)置。

然后在 “FCKConfig.ToolbarSets["Default"]=..”中的”[]”中隨便添加'hello' (注意包含引號(hào))。

OK…!完成

好，我們來(lái)重新確認(rèn)一下FCKEditor插件開發(fā)的過(guò)程：

 建立” fckplugin.js”-建立插件（語(yǔ)言文件等）-添加插件。

 建立插件必要步驟：插注冊(cè)命令-定義工具欄-注冊(cè)到工具欄

最新評(píng)論