.爲了方便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在運行項目時的URL是http://localhost/項目名稱/的形式,發佈後在Server上建立站點,跟路徑就是http://www.abc.com/的形式了,所以發佈後一定要改過來。這些地方是在使用FCKeditor2.2+ASP.NET2.0時經常發錯誤而又莫名其所云的地方。
五、這個上傳的功能至此還差最關鍵的一步。在FCKeditor所在根目錄下(FCKPro/FCKeditor/)找到fckconfig.js文件,用文本編輯器打開,在大概132行(大概是因爲之前您也許參考其它資料更改過這個文件了)的地方找到: