熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET中FCKeditor配置和精簡

2013-11-13 10:26:21  來源: .NET編程 

  FCKeditor介紹
  FCKeditor是一個功能強大支持所見即所得功能的文本編輯器可以為用戶提供微軟office軟件一樣的在線文檔編輯服務它不需要安裝任何形式的客戶端兼容絕大多數主流浏覽器支持ASPNetASPColdFusion PHPJavaActiveFoxProLassoPerlython 等編程環境

  官方網站

  官方文檔

  下載地址

  其實不同版本的FCKeditor配置過程基本類似這裡拿最新的作為實例進行介紹

  FCKeditor安裝和配置
  到下載FCKeditorzip和FCKeditorNET版的個zip包

  (a)   FCKeditor_是其最新的Javascript文件和圖片等

  (b)   FCKeditorNet_zip是一個ASPNET控件DLL文件

  將a解壓縮得到FCKeditor的核心文件將其拷貝到web項目的根目錄下(建議當然你可以任意放)然後解壓b得到NET支持的源碼進入bin下的Release中存在FCKeditor的DLL(這裡也有debug文件夾建議使用release)我們需要在項目中添加對其引用即可 

  工程浏覽器上右鍵選擇添加引用(Add Reference…)找到浏覽(Browse)標簽然後定位到你解壓好的FredCKFCKeditorVdll確認就可以了這時FCKPro工程目錄下就多了一個bin文件夾裡面包含FredCKFCKeditorVdll文件

  為了方便RAD開發我們把FCKeditor控件也添加到VS的工具箱(Toolbox)上來展開工具箱的常用標簽組(General)右鍵選擇組件(Choose Items…)在對話框上直接找到浏覽按鈕定位FredCKFCKeditorVdll然後確認就可以了

   配置WebConfig在<appSettings>節點添加如下所示

  <appSettings>
        <add key=FCKeditor:BasePath value=/Web/fckeditor//>
        <add key=FCKeditor:UserFilesPath value=/Web/Upload/ />       
    </appSettings>
  說明/Web/是項目名稱

  BasePathfckeditor是FCKeditor整個文件夾所在的目錄

  UserFilesPath上傳文件圖片等存儲的路徑

  完成之後再完成了下面的詳細配置中的第一條我們就可以使用FCKeditor控件了為了更好的調試這個工具使得其滿足我們的實際需要必須對其屬性的設置進行修改

  FCKeditor詳細的設置
  進入FCKeditor文件夾編輯 fckconfig 文件其實裡面羅列的都比較清楚編寫比較規范還有一些注釋但是只要略懂英文的就能夠看得懂操作起來也非常的方便下面就簡單介紹幾種常用的設置作為一個小例子

  此步驟是必須的也是最重要的一步必不可少的

  原來:

  var _FileBrowserLanguage = php ; // asp | aspx | cfm | lasso | perl | php | py

  var _QuickUploadLanguage = php ; // asp | aspx | cfm | lasso | php

  改為:

  var _FileBrowserLanguage = aspx ; // asp | aspx | cfm | lasso | perl | php | py

  var _QuickUploadLanguage = aspx ; // asp | aspx | cfm | lasso | php

  配置語言包有英文繁體中文等這裡我們使用簡體中文

  原來

  FCKConfigDefaultLanguage = en ;

  改為

  FCKConfigDefaultLanguage = zhcn ;

  配置皮膚有defaultofficesilver風格等

  這裡我們可以使用默認

  FCKConfigSkinPath = FCKConfigBasePath + skins/default/ ;

  在編輯器域內可以使用Tab鍵為是為否)

  FCKConfigTabSpaces = ; 改為FCKConfigTabSpaces = ;

  加上幾種我們常用的字體的方法例如

  修改

  FCKConfigFontNames = Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana ;

  改為

  FCKConfigFontNames = 宋體;黑體;隸書;楷體_GB;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana

  編輯器域內默認的顯示字體為px想要修改可以通過修改樣式表來達到要求打開/editor/css/fck_editorareacss修改fontsize屬性即可如fontsize: px;

  關於安全性

  如果你的編輯器用在網站前台的話那就不得不考慮安全了在前台千萬不要使用Default的toolbar要麼自定義一下功能要麼就用系統已經定義好的Basic也就是基本的toolbar

  FCKConfigToolbarSets[Basic] = [
     [BoldItalicOrderedListUnorderedListLinkUnlinkImageAbout]
  ] ;

  其實這些你都可以按自己的需求進行設置功能的足夠強大為了提供了更多的選擇肯定能夠滿足你的需求

  當然也可以配置一下WebConfig也能讓它確保安全接下來我們將講到

  FCKEditor 的問題
  FCKeditor出現this connector is disabled Please check theeditor/filemanager/connectors/aspx/configaspx錯誤的解決辦法

  打開editor/filemanager/connectors/aspx/configascx修改CheckAuthentication()方法返回true  

  private bool CheckAuthentication()
{
        return true;
}

  在上傳文件窗口點擊浏覽服務器會出現the server didnt send back a proper xml錯誤提示因為後期版本的FCKEditor要求不同類型的文件分別傳到不同的目錄包括fileimagefalshmedia等目錄一定要先建立起來

  FCKeditor精簡
  進入FCKeditor文件夾把所有_開頭的文件和文件夾刪掉這些都是一些范例只保留editor文件夾fckconfigfckeditorfckstylesxmlfcktemplatesxml就可以了

  進入editor文件夾刪掉_source文件夾裡面放的同樣是源文件

  退回上一級目錄進入filemanager文件夾有browser和upload兩個文件夾進入browserdefaultconnectors只保留aspx文件夾其余的刪掉mcpuk目錄亦可刪除upload也一樣只保留aspx文件夾

  退到editor再進入images文件夾smiley裡面放的是表情圖標有msn和fun兩個系列如果你想用自己的表情圖標可以把它們都刪除如果你想用這裡的表情圖標那就不要刪了

  lang裡面放的是語言包如果只是用簡體中文那麼只保留fcklanguagemanagerzhcn兩個文件就行了

  建議也保留en(英文)zh(繁體中文)兩個文件fcklanguagemanager是語言配置文件有了它才能和fckconfig裡的設置成對對應上相應的語言文件一定要保留!

  再退出lang文件夾進入skins文件夾如果你想使用FCKeditor默認的奶黃色那就把除了default文件夾外的另兩個文件夾直接刪除如果想用別的那就看你自己的喜好了


From:http://tw.wingwit.com/Article/program/net/201311/13616.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.