asp.net Fckeditor配置

2019-11-17 04:04:37

字體：大中小

來源：轉載

供稿：網友

一。下載導入項目

（1）首先到http://ckeditor.com/download下載FCKeditor 2.6.5,和FCKeditor.Net 2.6.3,

然后解壓這兩個文件夾

FCKeditor編輯器，得到文件夾fckeditor，復制此文件夾到Web應用的項目下（也可以是子孫目錄下）。
解壓FCKeditor控件，在其子目錄bin/Release/2.0下有一個程序集。在Web應用的項目中引用該程序集。

（2）集成到Visual Studio工具箱
    打開一 asp.net頁面，展開Toolbox，打開右鍵菜單，選擇“Choose Items ...”，在出現的“Choose Toolbox Items”會話框的“.NET Framework Components”選項卡中選擇“Browse”，找到并選中FCKeditor程序集，打開后回到“Choose Toolbox Items”窗口，點擊“OK”，完成控件導入。
    這時，在Toolbox的General分類下出現了一個名為FCKeditor的控件，可以像使用Visual Studio內置控件一樣使用它。

（3）將FCKeditor編輯器文件組ASP.NET化
    FCKeditor編輯器文件組包含了用于它所支持的各種應用技術的文件，所以，對于ASP.NET應用來說，有很多文件是不需要的。

    根目錄下，只保留文件夾editor，文件fckconfig.js、fckeditor.js、fckpackager.xml、fckstyles.xml和fcktemplates.xml。
    子目錄editor/filemanager/connectors下，只保留文件夾aspx。

二。web.config配置：

在頁面中，使用的是FCKeditor控件，該控件需要知道FCKeditor編輯器文件組的路徑。有兩種配置方法。
    在appSettings配置節中加入
        <add key="FCKeditor:BasePath" value="~/PathOfFCKeditor/" />
    使用這種配置方法后，對于項目中任何一個頁面中用到的FCKeditor控件，都不用再配置其BasePath屬性。
      直接對用到的FCKeditor控件進行配置
    在頁面代碼中設置FCKeditor的屬性BasePath為FCKeditor編輯器文件組的路徑，或者在Page_Init事件處理器中設置其BasePath的值。

    配置FCKeditor編輯器文件上傳路徑
    在web.config的appSettings配置節中加入
        <add key="FCKeditor:UserFilesPath" value="~/YourUploadFilePath" />

    這樣，就完成了FCKeditor向ASP.NET頁面的集成工作。

三.配置fckeditor

    解決方案資源管理器中找到fckeditor/fckconfig.js
    1. 配置控件語言
    FCKeditor是自動探測瀏覽器所使用的語言編碼的，其默認語言是英文。修改配置行"FCKConfig.DefaultLanguage    = 'en';"為'zh-cn'，采用中文為默認語言。
    2. 配置控件應用技術
    FCKeditor默認是用于php技術的。修改配置行"var _FileBrowserLanguage   = 'php';"和"var _QuickUploadLanguage    = 'php';"為'aspx'，采用ASP.NET技術。

    3. 配置Tab鍵
    默認Tab鍵在FCKeditor中不可用，可以修改配置行"FCKConfig.TabSpaces    = 0;"為1，啟用Tab鍵。

   4. 定制FCKeditor工具欄

   FCLeditor默認的有三個，default,office2003,silver可根據自己的選擇相應的。下面說下怎么更換
    在fck目錄下編輯fckconfig.js 找到這行
        FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
    可修改
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;

    FCKConfig提供兩種工具欄配置。在配置行"FCKConfig.ToolbarSets["Default"] = [ ... ];"中定義了使用全部可用按鈕的配置（作為工具欄的默認配置）。在配置行"FCKConfig.ToolbarSets["Basic"] = [ ... ];"中定義了一個精簡按鈕的工具欄配置。實際使用時，默認配置按鈕太多，精簡配置按鈕又太少。因此需要定制工具欄。
    配置值[ ... ]中是形式為[[v, v2, .., vN], '/', [ ... ],...]（vN表示要顯示的按鈕名字，'/'表示之后的按鈕組在下一行顯示）的按鈕分組的集合。如果不需要整個分組的按鈕，那么就刪掉該分組（形式為 [ , , ...]）；如果只是不需要分組中的某個按鈕，刪掉該按鈕。

    5. 定制可用的文本字體
    FCKeditor是外國人做的，默認使用的字體當然也是西文字體了。修改配置行"FCKConfig.FontNames = '...';"，加入要使用的中文字體名，如宋體，楷體_GB2312等。
    FCKConfig默認使用HTML字體關鍵字來表示可選的字體大小，這存在著不同瀏覽器顯示效果不一致的問題。因此，建議修改配置行"FCKConfig.FontSizes  = '...';"，去掉字體關鍵字值，加入像素值或磅值。（當然，在網頁里定義了全局樣式表的話，就不需要修改這項設置了，但應該教會最終用戶如何設置字體達到最佳顯示效果。）

6. 啟用文件上傳
    FCKeditor提供了非常強大和易用的文件上傳功能，但是默認配置里，文件上傳功能不可用，這是基于安全的考慮。但我認為訪問安全性控制應該由程序來做，不應由控件來做。
    在文件config.ascx中，修改CheckAuthentication()的返回值為true。如果希望上傳具有多擴展名的文件，修改 SetConfig()中ForceSingleExtension的值為false。FCKeditor默認可以上傳文件、圖片、Flash和多媒體四種類型的文件，可以在SetConfig()中對AllowedTypes修改來增減允許的類型（這個類型可以在后面的 TypeConfig["TypeName"]中定義，比如在AllowedExtensions屬性中定制本類型允許的上傳文件擴展名，在 DeniedExtensions里定制不允許的上傳文件擴展名）。
    在文件fckconfig.js中，

修改配置行"FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;"

為FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=File&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;"

修改配置行"FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension ;"

為 FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=File' ; （在這個配置文件里，看起來似乎Type=File是作為默認參數的，但實際上不加這個參數的話，會出錯。）

    7. 其它配置
    對于這兩個配置文件中的配置屬性，從名字上很容易知道它們所代表的含義，基本上都可以定制。但要注意，

五、其他問題：

對于開發中使用文件上傳功能遇到 XML request error: Internal Server Error(500) 錯誤的解決辦法。
因為ASP.NET2.0新增了Theme功能，所以如果在你的工程中你對Web.config使用到了styleSheetTheme或theme的話那就要再多修改一下。
還是到FCKeditor所在的目錄，分別打開/editor/filemanager/upload/aspx/upload.aspx和/editor/filemanager/browser/default/connectors/aspx/connector.aspx兩個aspx文件，在page標簽中添加Theme=""或StyleSheetTheme=""看你在工程使用的是什么就修改什么。修改后如下：
<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" Theme="" %>
或
<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" StylesheetTheme="" %>
這樣就解決了500的內部錯誤．

上一篇：c#中修改xml文件報文件正由另一進程使用，因此該進程無法訪問該文件的可能原因

下一篇：asp.net web service實例