麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > 綜合 > 正文

網頁編輯器FCKeditor 插件開發 示例(詳細版本)

2024-07-21 02:53:31
字體:
來源:轉載
供稿:網友
(FCKeditor.地址是:http://www.fckeditor.net/.我下載的版本是:2.6.3。)
What ?
      FCKeditor一直是web上編輯器的比較好的一個選擇,他是開源的,而且效果不錯。FCKeditor的插件是對FCKeditor的擴展功能。
Why?
盡管一般條件下FCKeditor能適應使用,但你可能對FCKeditor僅有的功能不滿意,好.FCKeditor提供了插件開放功能,只要你能想到,你就做吧。
How?
        我就一個簡單的"Hello"為例來介紹FCKeditor插件的開發(申明:俺也是菜鳥,有啥不對的地方,請指出來,大家進步啦。)
        首先,進入FCKeditor編輯器目錄下的editor文件下的plugins目錄下。這個目錄是放Fckeditor插件的。So,建立一個文件夾,命名為'hello'。
        第二步,進入'hello'文件夾。建立一個"fckplugin.js"的文件。這是fckeditor插件的所必須的,主要是插件注冊等等。
        再建立語言文件。在'hello'文件夾下建立一個'lang'的文件夾。在'lang'文件夾下建立語言文件,Fckeditor插件的語言文件命名方式是:國家或地區.js。如中國是zh.js.簡體中文是zh-cn.js.英文是en.js等等。我們建立兩個"en.js"和"zh-cn.js"。
        然后編輯語言文件。我們編輯"en.js"。寫入以下內容:FCKLang.Hello="Hello";(注意包含";",js的代碼嘛),在"zh-cn.js"中寫入:FCKLang.Hello="你好"; 
        FCKeditor插件語言的命名方式為:FCKLang.變量名="語言定義"
      OK,語言問題定義完成了,然后是插件定義。
打開第二步的"fckplugin.js"。
復制代碼代碼如下:

//注冊 
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'; 
//注冊 
FCKToolbarItems.RegisterItem('hello',NHello); 

OK,不懂?詳細說明:

插件機制:注冊命令-定義工具欄-注冊到工具欄

 注冊命令::FCKCommands.RegisterCommand(命令名稱,對話框命令)

對話框命令:FCKDialogCommand(命令名稱,對話框標題,URl,寬度,高度)

 這樣注冊命令就完成,然后定義一個工具欄

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

你最好添加一個圖標:IconPath=圖標地址

 現在命令也注冊完成,工具欄也定義好了,然后是添加:

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

注意:”Hello.html”就是你要顯示html中應該包含如下語句.

復制代碼代碼如下:

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

 

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

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

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

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

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

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

OK…!完成

好,我們來重新確認一下FCKEditor插件開發的過程:

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

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


注:相關教程知識閱讀請移步到編輯器頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产精品jk白丝蜜臀av软件 | 日本精品黄色 | 7m视频成人精品分类 | 亚洲91精品 | 免费国产不卡午夜福在线 | 国产欧美在线观看不卡一 | 视频一区二区三区免费观看 | 亚洲精品午夜国产va久久成人 | 久久国产精 | 少妇一级淫片免费放正片 | 毛片在线视频观看 | 欧美精品成人一区二区在线观看 | 日韩精品hd | 日本一区二区免费在线观看 | 国内精品久久久久久久影视红豆 | 一区二区三区欧洲 | 午夜精品小视频 | 国产毛片网站 | 亚洲午夜久久久久 | 91av大片 | 久久国产一级片 | 久久久久久久久久亚洲精品 | 超久久 | 欧美亚洲国产一区 | 国产亚洲区 | 国产成人高清在线 | 午夜精品久久久久久中宇 | 欧美 日本 在线 | 欧美a∨一区二区三区久久黄 | 国产一级一级 | 久久中文字幕在线观看 | 欧美日本一区二区 | 精品国产一区二区三区成人影院 | 久久影院一区二区三区 | 成人aaaaa片毛片按摩 | 国产瑟瑟视频 | 91av资源在线 | 午夜影视一区二区 | 亚洲亚色 | 欧美一区成人 | 日本一级黄色大片 |