佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > FCKeditor 插件開發(fā) 示例(詳細(xì)版本)

FCKeditor 插件開發(fā) 示例(詳細(xì)版本)

熱門標(biāo)簽:智能手機(jī) 呼叫中心市場需求 網(wǎng)站文章發(fā)布 美圖手機(jī) 鐵路電話系統(tǒng) 銀行業(yè)務(wù) 檢查注冊表項(xiàng) 服務(wù)器配置
(FCKeditor.地址是:http://www.fckeditor.net/.我下載的版本是:2.6.3。)
What ?
      FCKeditor一直是web上編輯器的比較好的一個(gè)選擇,他是開源的,而且效果不錯(cuò)。FCKeditor的插件是對FCKeditor的擴(kuò)展功能。
Why?
盡管一般條件下FCKeditor能適應(yīng)使用,但你可能對FCKeditor僅有的功能不滿意,好.FCKeditor提供了插件開放功能,只要你能想到,你就做吧。
How?
        我就一個(gè)簡單的"Hello"為例來介紹FCKeditor插件的開發(fā)(申明:俺也是菜鳥,有啥不對的地方,請指出來,大家進(jìn)步啦。)
        首先,進(jìn)入FCKeditor編輯器目錄下的editor文件下的plugins目錄下。這個(gè)目錄是放Fckeditor插件的。So,建立一個(gè)文件夾,命名為'hello'。
        第二步,進(jìn)入'hello'文件夾。建立一個(gè)"fckplugin.js"的文件。這是fckeditor插件的所必須的,主要是插件注冊等等。
        再建立語言文件。在'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ù)制代碼 代碼如下:

//注冊
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,不懂?詳細(xì)說明:

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

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

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

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

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

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

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

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(插件名,'語言文件');其中語言文件是可選的,如果沒有則自動設(shè)置。

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

OK…!完成

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

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

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

您可能感興趣的文章:
  • CKEditor擴(kuò)展插件:自動排版功能autoformat插件實(shí)現(xiàn)方法詳解
  • ckeditor自定義插件使用方法詳解
  • CKEditor 附插入代碼的插件
  • 添加FCKeditor插件需要注意的地方
  • ckeditor插件開發(fā)簡單實(shí)例
  • fckeditor 插件實(shí)例 制作步驟
  • autogrow 讓FCKeditor高度隨內(nèi)容增加的插件
  • CKEditor中加入syntaxhighlighter代碼高亮插件
  • FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合
  • ckeditor一鍵排版功能實(shí)現(xiàn)方法分析

標(biāo)簽:滄州 樂山 沈陽 長治 紅河 河南 上海 新疆

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《FCKeditor 插件開發(fā) 示例(詳細(xì)版本)》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    昭通市| 佛坪县| 隆昌县| 松阳县| 宁南县| 中西区| 应用必备| 永宁县| 高台县| 武胜县| 嫩江县| 循化| 登封市| 广灵县| 太仓市| 宝兴县| 新疆| 沾益县| 临城县| 巢湖市| 徐汇区| 襄城县| 麻阳| 英吉沙县| 扬州市| 图们市| 郑州市| 满洲里市| 突泉县| 临西县| 伊宁县| 炎陵县| 宁都县| 彩票| 武城县| 桓仁| 宁安市| 遂平县| 南部县| 兴仁县| 阿勒泰市|