FCKeditor在Asp.Net中的配置

來源:互聯網
上載者:User
開發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/查看。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.