開發WEB多年,在使用的線上編輯器中,FCKeditor是我用過最爽的,也是目前互連網上最好的編輯器,功能強大,支援多種瀏覽器,
無平台限制,可以和多種WEB語言融合,多語言支援,而且還支援開源!^-^
它是如此強大,以至在我使用它時,不是非常容易上手,每次換了新版本後,總是花一些時間來熟悉和配置它,相當的不方便.所以今天
寫這篇使用文檔,方便以後查詢.
環境以Asp.net開發來進行講解,步驟如下:
1、擷取檔案
我們可以從http://www.fckeditor.net/download下載兩個壓縮檔,第一個是FCKeditor.Net,最新版本是2.5,它主要包含C#的源
碼,及DLL檔案,我們把DLL複製到BIN目錄並將DLL添加到工具箱中,方便使用。另一個是FCKeditor 2.6,裡麵包含的是FCKeditor
的指令檔,樣式,語言等FCKeditor的雜項。我們可以對它進行精簡後,拷到WEB根目錄下就可以了。
2、FCKeditor的精簡
FCKeditor是支援多種WEB語言的,我們可以針對自己使用的語言來進行簡化,將不使用的檔案刪掉,將FCKeditor_2.6解壓後,進入
到 FCKeditor檔案夾下,先把以“_”為開頭的檔案夾統統刪除,這些檔案夾裡放的是範例或是一些其它工具。其實也就是只保留
editor檔案夾、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 就可以了,最外層的精簡化完畢。
進入到editor檔案夾內,先把“_source”檔案夾刪除,這裡是一些源檔案,對於使用來說沒什麼用處。再進入lang檔案夾內,這裡
是編輯器語言外包檔案,只保留 zh-cn.js、en.js、zh.js這幾個檔案,這幾個檔案的含義我想大家都是知道的。當然如果需要其它
語言也可以留下來。
再進入skin檔案夾,這是編輯器的皮膚,如果你想使用fckeditor預設的這種奶黃色,如果想用別的,那就自己考慮了。office2003
的皮膚比較漂亮,聽說載入時速度比較慢,也可以選那擇silver,也比較好配色,速度也快。
精簡的最後一步,退出skin檔案夾,再進入filemanager,進入到 connectors目錄下,保留aspx目錄,其它全部刪除。
精簡工作完成,現在看起來就賞心悅目了!
3、對編輯器進行配置,
我們將編輯器控制項拖到網頁中是是不能正確啟動並執行,必要要對其進行配置。第一個設定檔是fckconfig.js,位於FCKeditor根目錄
下。修改項包括:
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;(皮膚)
FCKConfig.AutoDetectLanguage = true ;(自動檢測語言)
FCKConfig.DefaultLanguage = 'zh-cn' ;(預設為簡體中文)
選擇aspx就行
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py (用來瀏覽上傳檔案)
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py (用來上傳檔案)
如果想設定編輯器的瀏覽功能,如瀏覽圖片、Flash,設定上傳功能,片、Flash上傳,可以設定為啟用與禁用,true為啟用
false禁用。
FCKConfig.LinkBrowser = true;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;
FCKConfig.LinkUpload = true ;
FCKConfig.ImageUpload = true ;
FCKConfig.FlashUpload = true ;
如果你的編輯器還用在網站前台的話,比如說用於留言本或是日記回複時,那就不得不考慮安全了,在前台千萬不要使用Default的
toolbar,要麼自訂一下功能,要麼就用系統已經定義好的Basic,禁用檔案上傳等其它比較危險的功能。當然也可以自訂,選擇
適合自己的功能。至於怎麼選,可以對照fckconfig.js檔案中FCKConfig.ToolbarSets["Default"]、FCKConfig.ToolbarSets
["Basic"]的配置,應該是比較容易做到的。不用講解!
4、檔案上傳的設定
在檔案上傳時,我們希望將檔案上傳到指定的目錄中,而且必須是經過驗證的使用者才能上傳檔案,我們可以
在filemanager\connectors\aspx目錄中的config.ascx檔案中進行設定,首先為了防止沒經過驗證的使用者上傳木馬檔案,我們可以
在CheckAuthentication()方法中加上對目前使用者認證,成功後返回true即可;在SetConfig()方法中,可以設定UserFilesPath來指
定儲存上傳檔案的路徑。上傳檔案可以按目錄自動儲存到對應的目錄中,如: File, Image, Flash, Media ,設定後結構如下
UserFilesPath = "~/Upload/",WEB根目錄下的Upload目錄中。
~/Upload
|-File
|-Image
|-Flash
|-Media
5、運行編輯器
將精簡的FCKeditor放在WEB根目錄下,頁面中FCKeditor控制項的設定,採用相對路徑,
<FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" BasePath="~/FCKeditor/">
</FCKeditorV2:FCKeditor>
控制項屬性ToolBarSet=Default或是Basic,設定完畢,就可以運行了。其它的配置資訊可以到http://docs.fckeditor.net/查看。