最近在做一個網站也是第一次做網站,在做後台時就想到要用文字編輯器,在網上看了下幾種常見的編輯器
http://www.cnblogs.com/conquer/archive/2008/05/05/1183386.html
同時也是我之前網上收集的,一在順便就看了下,選中了其中的FCKeditor了。下面就說下使用過程的
首先到網上下載個FCKeditor。它的官方網站是 www.fckeditor.net.你可以從官方網站上下載最新版本的FCKeditor.下載頁面是http://www.fckeditor.net/download。現在最新的版本是FCKeditor 2.6.3 。注意還要下載另外一個東西。找到FCKeditor.Net,下載最新的控制項。
這樣你就得到了兩個東西,FCKeditor_2.6b.zip和FCKeditor_Net.zip.兩個壓縮包。
1,將FCKeditor_2.6b.zip解壓縮,把解壓後的fckeditor檔案夾整個複製到我們的網站中。注意最好把fckeditor放置在網站的根目錄下。
2,解
壓縮FCKeditor_Net.zip.你將看到一個名叫FredCK.FCKeditorV2.dll的檔案(可能因為版本的不同名稱略有差異)。現
在就要把它添加引用到我們的網站。方法是在方案總管中右鍵點擊項目名,選擇添加引用。在彈出的對話方塊中選擇 瀏覽
標籤並找到那個dll檔案,點擊確定。你會發現網站多了個叫bin的目錄,FredCK.FCKeditorV2.dll就在裡面。
3,開啟工具箱,右鍵點擊選擇 添加選項卡,取名為webeditor並點擊確定。在此選項卡上點擊右鍵選擇 選擇項。在彈出的對話方塊中瀏覽找到此dll檔案,並點擊確定。這時你就可以看到webeditor選項卡中多了個叫fckeditor的控制項了。
4,使用這個控制項很簡單,和使用.net其他控制項一樣,將其拖拽到頁面上就可以了。
在頁面中的代碼如下:
<div >
<%--FckEditor文字編輯器--%>
<FCKeditorV2:FCKeditor ID="cFckeditor" runat="server" Height="300px" Width="600px" BasePath="~/FckEditor/" />
</div>
注意要配置幾個參數.BasePath為引用地址,隨著你放置fckeditor檔案夾位置的不同而不同。除此之外還有好多參數,如設定預設語言,上傳圖片路徑,是否支援全螢幕顯示...等待。我在這裡就不一一列舉了。
5,如果你嫌每次都要配置BashPath等參數很麻煩的話,你可以把其配置資訊增加到config檔案中。代碼如下:
<appSettings>
<add key="FCKeditor:BasePath" value="~/FckEditor/"/>
</appSettings>
6,還有一點一定要注意,有的時候你要在使用了fckeditor的頁面的頂部page元素裡面增加ValidateRequest="false"。這樣就不會出現 “檢測到有潛在危險的 Request.Form 值。”的錯誤了。
7,如何擷取fckeditor編輯器中的值那,用 fckeditor.value即可。擷取的是html的原始碼。
8,.配置fckeditor
找到fckeditor\editor\filemanager\connectors\aspx,把函數CheckAuthentication()中的return false 改為return true
找到fckeditor\fckconfig.js
將var _FileBrowserLanguage = 'PHP' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'PHP' ; // asp | aspx | cfm | lasso | perl | php | py
改為
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
5.設定檔的路徑
開啟VS的,功能表列中的"網站","asp.net配置",點“應用程式設定”,“建立應用程式設定”,在名稱欄裡填寫FCKeditor:BasePath,值選項裡面填寫~/fckeditor/(注意:這是fckeditoR檔案夾相對於bin檔案夾中的dll的路徑,填錯的話,會找不到檔案的。)儲存。
同上再添加一下“名稱”FCKeditor:UserFilesPath,值~/Files/(這也是相對於dll的路徑),files用於存放上傳的檔案。然後在你的網站裡建一個files檔案夾,裡面再建一上image檔案夾
另外還可以根據自己頁面的需求更改適應的皮膚,FCLeditor預設的有三個,default,office2003,silver
可根據自己的選擇相應的。下面說下怎麼更換
在fck目錄下編輯fckconfig.js
找到這行
FCKConfig.SkinPath = FCKConfig.BasePath +
可修改
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;