FCKeditor 編輯器 2.6.3

FCKeditor介紹

  FCKeditor是一個功能強大支持所見即所得功能的文本編輯器,可以爲用戶提供微軟office軟件一樣的在線文檔編輯服務。它不需要安裝任何形式的客戶端,兼容絕大多數主流瀏覽器,支持ASP.Net、ASP、ColdFusion 、PHP、Java、Active-FoxPro、Lasso、Perl、ython 等編程環境。

  官方網站http://www.fckeditor.net/

  官方文檔http://wiki.fckeditor.net/

  下載地址http://www.fckeditor.net/download/default.html

      其實不同版本的FCKeditor配置過程基本類似,這裏拿最新的2.63作爲實例進行介紹。

FCKeditor安裝和配置

  到http://www.fckeditor.net,下載FCKeditor2.63.zip和 FCKeditor.NET2.63版的2個zip包

  (a)  FCKeditor_2.6.3是其最新的Javascript文件和圖片等;

  (b)  FCKeditor.Net_2.6.3.zip是一個ASP.NET控件DLL文件。

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

  1.工程瀏覽器上右鍵,選擇添加引用(Add Reference…),找到瀏覽(Browse)標籤,然後定位到你解壓好的FredCK.FCKeditorV2.dll,確認就可以了。這時,FCKPro工程目錄下就多了一個bin文件夾,裏面包含FredCK.FCKeditorV2.dll文件。

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

  3. 配置WebConfig,在<appSettings>節點添加,如下所示:

  1.     <appSettings>
  2.         <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
  3.         <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />       
  4.     </appSettings>
複製代碼

說明:"/Web/"是項目名稱。

  BasePath:fckeditor是FCKeditor整個文件夾所在的目錄。

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

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

FCKeditor詳細的設置

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

  1、此步驟是必須的,也是最重要的一步,必不可少的。

  原來:

  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

  2、配置語言包。有英文、繁體中文等,這裏我們使用簡體中文。

  原來:

  FCKConfig.DefaultLanguage = 'en' ;

  改爲:

  FCKConfig.DefaultLanguage = 'zh-cn' ;

  3、配置皮膚。有default、office2003、silver風格等,這裏我們可以使用默認。

  FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;

  4、在編輯器域內可以使用Tab鍵。(1爲是,0爲否)

  FCKConfig.TabSpaces = 0 ; 改爲FCKConfig.TabSpaces = 1 ;

  5、加上幾種我們常用的字體的方法,例如:

  修改

  FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

  改爲:

  FCKConfig.FontNames = '宋體;黑體;隸書;楷體_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'

  6、編輯器域內默認的顯示字體爲12px,想要修改可以通過修改樣式表來達到要求,打開/editor/css /fck_editorarea.css,修改font-size屬性即可。如font-size: 14px;

  7、關於安全性。

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

  FCKConfig.ToolbarSets["Basic"] = [
     ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','Image','-','About']
  ] ;

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

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

FCKEditor 2.6的問題:

  1.FCKeditor出現"this connector is disabled Please check the"editor/filemanager/connectors/aspx/config.aspx"錯誤的解決辦法

打開editor/filemanager/connectors/aspx/config.ascx修改 CheckAuthentication()方法,返回true

  1. private bool CheckAuthentication()
  2. {
  3.         return true;
  4. }
複製代碼

2.在上傳文件窗口點擊瀏覽服務器,會出現the server didn't send back a proper xml.....錯誤提示,因爲後期版本的FCKEditor要求不同類型的文件分別傳到不同的目錄,包括file,image,falsh,media 等目錄,一定要先建立起來。

FCKeditor精簡


  進入FCKeditor文件夾,把所有“_”開頭的文件和文件夾刪掉,這些都是一些範例,只保留editor文件夾、fckconfig、 fckeditor、fckstyles.xml、fcktemplates.xml就可以了;

  進入editor文件夾,刪掉“_source”文件夾,裏面放的同樣是源文件;

  退回上一級目錄進入filemanager文件夾,有browser和upload兩個文件夾。進入 browser"default"connectors,只保留aspx文件夾,其餘的刪掉;mcpuk目錄亦可刪除;upload也一樣,只保留 aspx文件夾;

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

  lang裏面放的是語言包,如果只是用簡體中文,那麼只保留fcklanguagemanager、zh-cn兩個文件就行了,建議也保留 en(英文)、zh(繁體中文)兩個文件,fcklanguagemanager是語言配置文件,有了它才能和fckconfig裏的設置成對,對應上相應的語言文件,一定要保留!

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章