1、FCKeditor2.2在ASP.NET.2.0下的配置

 
一、開始:
1. 下載FCKeditor2.2。(界面及JS)->編輯器內核
2.        下載FCKeditor2.2.NET(DLL,類庫,不包括編輯器內核)
 
二、在WEB程序中進行配置
 1.解壓FCKeditor_2.2.ZIP,裏面包含FCKeditor的核心編輯器文件。解壓後得到一個
   FCKeditor文件夾,在.net環境下,可以只保存editor文件夾,和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml四個文件。
 2.解壓FCKeditor2.2.Net。在解壓的文件中的bin文件來,有一文件DLL(FredCK.FCKeditorV2.dll)。
 3. 建立WEB程序
 4. 拷貝FCKeditor目錄到Web程序的根目錄中(FCKeditor)中包括了核心編輯器。
 5. 在VS2005中,在WEB工程上單擊右鍵,選擇“添加引用”(Add Reference…),找到瀏覽(Browse)標籤,然後定位到你解壓好的FredCK.FCKeditorV2.dll。然後確認

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

三、FCKeditor在項目中的配置

       1、打開要添加FCKeditor的Page.

             有兩種方式來添加FCKeditor,如果你採用上面5A的步驟,則可以直接把FCKeditor控件從工具箱中

              放到Page(Design)上。這時你看到的是一個站位框,只有運行時才能看到效果。鼠標右鍵單擊FCK

             editor,然後可以配置FCKeditor控件的一些屬性。重要的屬性有:BasePath="~/FCKeditor/“,注意:

             這樣配置路徑,則FCKeditor文件夾必須放在Web程序的根目錄下,同時要設置FCKeditor控件運行在

             服務器端(runat="Server")

      2. 打開Page,切換到源代碼模式(Source),我們可以看到IDE自動生成的代碼:

          Source),我們可以看到IDE自動生成的代碼:

<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>

 

<FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server"></FCKeditorV2:FCKeditor>

   如果採用二大步中的第5部來添加FCKeditor控件時,就可以手動把這些代碼寫上去。

    3.運行程序,你就可以在頁中看到FCKeditor控件的效果了。

     4.FCKeditor控件的屬性及事件列表

     

屬性列表:

AutoDetectLanguage

BaseHref

BasePath

ContentLangDirection

CustomConfigurationsPath

Debug

DefaultLanguage

EditorAreaCSS

EnableSourceXHTML

EnableViewState

EnableXHTML

FillEmptyBlocks

FontColors

FontFormats

FontNames

FontSizes

ForcePasteAsPlainText

ForceSimpleAmpersand

FormatIndentator

FormatOutput

FormatSource

FullPage

GeckoUseSPAN

Height

ID

ImageBrowserURL

LinkBrowserURL

PluginsPath

runat

SkinPath

StartupFocus

StylesXMLPath

TabSpaces

ToolbarCanCollapse

ToolbarSet

ToolbarStartExpanded

UseBROnCarriageReturn

Value

Visible

Width

事件列表:

OnDataBinding

OnDisposed

OnInit

OnLoad

OnPreRender

OnUnload

四、配置到這一步,並沒有完全配置成功

        Default.aspx的運行模式下,點FCKeditor的“插入/編輯圖像”(又或者是Flash)功能,在彈出框點“瀏覽服務器”,又彈出一個對話框,此時隨即出現的是一個錯誤提示框XML request error: Forbidden(403).

        得到這樣的錯誤有Web開發經驗的都知道403應該是讀寫權限的問題。可是爲什麼呢?原因在於沒有配置UserFiles路徑。

    解決方法:Web. Config文件,修改appSettings元素,配置如下:

      

<appSettings>

  <add key="FCKeditor:BasePath" value="~/FCKeditor/"/>

  <add key="FCKeditor:UserFilesPath" value="/Web根目錄文件夾名/Files" />

</appSettings>

設置了FCKeditor:BasePath後就不用再每次使用FCKeditor實例時指定BasePath屬性了,FCKeditor:UserFilesPath則是制定我們所有上傳文件的目錄。

   

   注:你也許會問爲什麼要設置成/Web根目錄文件夾名/Files這樣而不是~/Files,因爲FCKeditor使用這個值來返回你上傳後的文件的相對路徑到客戶端,~/Files的形式是ASP.NET在服務可以編譯解釋的,但是在客戶端的靜態就不懂這是什麼了。如果使用~/Files後,那麼所有上傳文件的返回路徑都是~/Files形式的,你就會得到這樣的鏈接http://~/Files/Image/logo.gif這樣的鏈接解果就是路徑爲找到。所以纔要我們上述那樣設置,這是在開發階段,如果在工程完成後發佈時請記住把/FCKPro/Files改成/Files,道理不說大家也明白,開發階段VS2005在運行項目時的URLhttp://localhost/項目名稱/的形式,發佈後在Server上建立站點,跟路徑就是http://www.abc.com/的形式了,所以發佈後一定要改過來。這些地方是在使用FCKeditor2.2+ASP.NET2.0時經常發錯誤而又莫名其所云的地方。

五、這個上傳的功能至此還差最關鍵的一步。在FCKeditor所在根目錄下(FCKPro/FCKeditor/)找到fckconfig.js文件,用文本編輯器打開,在大概132行(大概是因爲之前您也許參考其它資料更改過這個文件了)的地方找到:

 
var _FileBrowserLanguage    = 'asp' ;      // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'asp' ;      // asp | aspx | cfm | lasso | php
 
把這兩行賦值代碼的值由asp改成aspx,保存關閉這個文件。OK.
六、FCKeditor如何取值
    在.net程序下,我們可以直接用FCKeditor的ID,然後.value取值,例如
    FCKeditor.Value
    但程序可能提示錯誤,原因在於.net下不能取得html的源代碼,利如<strong>asdfadf</strong>
    解決的辦法爲:設置Page的ValidateRequest ="false"
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"  ValidateRequest ="false"%>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章