asp.net中FCKeditor的使用

來源:互聯網
上載者:User
最近在做一個網站也是第一次做網站,在做後台時就想到要用文字編輯器,在網上看了下幾種常見的編輯器
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/' ;

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.