国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > 綜合 > 正文

網(wǎng)頁編輯器FCKeditor 插件開發(fā) 示例(詳細(xì)版本)

2024-07-21 02:53:31
字體:
供稿:網(wǎng)友
(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è)簡單的"Hello"為例來介紹FCKeditor插件的開發(fā)(申明:俺也是菜鳥,有啥不對(duì)的地方,請(qǐng)指出來,大家進(jìn)步啦。)
        首先,進(jìn)入FCKeditor編輯器目錄下的editor文件下的plugins目錄下。這個(gè)目錄是放Fckeditor插件的。So,建立一個(gè)文件夾,命名為'hello'。
        第二步,進(jìn)入'hello'文件夾。建立一個(gè)"fckplugin.js"的文件。這是fckeditor插件的所必須的,主要是插件注冊(cè)等等。
        再建立語言文件。在'hello'文件夾下建立一個(gè)'lang'的文件夾。在'lang'文件夾下建立語言文件,F(xiàn)ckeditor插件的語言文件命名方式是:國家或地區(qū).js。如中國是zh.js.簡體中文是zh-cn.js.英文是en.js等等。我們建立兩個(gè)"en.js"和"zh-cn.js"。
        然后編輯語言文件。我們編輯"en.js"。寫入以下內(nèi)容:FCKLang.Hello="Hello";(注意包含";",js的代碼嘛),在"zh-cn.js"中寫入:FCKLang.Hello="你好"; 
        FCKeditor插件語言的命名方式為:FCKLang.變量名="語言定義"
      OK,語言問題定義完成了,然后是插件定義。
打開第二步的"fckplugin.js"。
復(fù)制代碼代碼如下:

//注冊(cè) 
FCKCommands.RegisterCommand('hello',new FCKDialogCommand('hello',FCKLang.HelloB,FCKPlugins.Items['hello'].Path+"hello.html",200,200)); 
//定義工具欄 
var NHello=new FCKToolbarButton('hello',FCKLang.Hello); 
NHello.IconPath=FCKPlugins.Items['hello'].Path+'hello.GIF'; 
//注冊(cè) 
FCKToolbarItems.RegisterItem('hello',NHello); 

OK,不懂?詳細(xì)說明:

插件機(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)該包含如下語句.

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

<script language="javascript"> 
var dialog = window.parent ; 
var oEditor = dialog.InnerDialogLoaded() ; 
var FCKLang = oEditor.FCKLang ; 
</script> 

 

OK.插件制作完畢了,怎么顯示呢?

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

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

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

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

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

OK…!完成

好,我們來重新確認(rèn)一下FCKEditor插件開發(fā)的過程:

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

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


注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到編輯器頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 梁平县| 山西省| 桦甸市| 得荣县| 金坛市| 绩溪县| 五常市| 兖州市| 昌都县| 延川县| 郴州市| 长葛市| 正镶白旗| 百色市| 天祝| 门源| 尉氏县| 区。| 师宗县| 华亭县| 宁陕县| 上蔡县| 定兴县| 白玉县| 广东省| 乌海市| 雷波县| 怀柔区| 桂东县| 南城县| 靖西县| 谷城县| 盘山县| 卢氏县| 新巴尔虎右旗| 土默特左旗| 蒙城县| 宁安市| 扎赉特旗| 盘锦市| 陈巴尔虎旗|