首頁 > 開發者 > ASP

FCKeditor 2.3 在ASP.NET中的設定和使用

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
一、準備工作

　　首先下載最新版的FCKeditor V2.3，：http://prdownloads.sourceforge.net/fckeditor/FCKeditor_2.3.zip?download；這個壓縮包裡並不包含ASP.NET要用到的DLL控制項，所以還要下載另外一個壓縮包，：http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125。把第一個檔案解壓到WEB根目錄，預設資料夾名為：FCKeditor；再把第二個包解壓，裡麵包含了原始碼，如果你想自己再次開發，可以雙擊 FredCK.FCKeditorV2.csproj檔案，開啟VS.NET進行修改，所用的語言是C#；不想修改的話，直接把bin\Release下面的FredCK.FCKeditorV2.DLL檔案拷到WEB目錄的bin下面。

二、精簡檔案

　　因為只用到ASP.NET，所以有必要精簡一下檔案。
　　進入FCKeditor檔案夾，把所有“_”開頭的檔案和檔案夾刪掉，這些都是一些範例，只保留editor檔案夾、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了；
　　進入editor檔案夾，刪掉“_source”檔案夾，裡面放的同樣是源檔案；
　　退回上一級目錄進入filemanager檔案夾，有browser和upload兩個檔案夾。進入browser\default\connectors，只保留aspx檔案夾，其餘的刪掉；mcpuk目錄亦可刪除；upload也一樣，只保留aspx檔案夾；
　　退到editor再進入images檔案夾，smiley裡面放的是表情表徵圖，有msn和fun兩個系列，如果你想用自己的表情表徵圖，可以把它們都刪除；如果你想用這裡的表情表徵圖那就不要刪了；
　　lang裡面放的是語言套件，如果只是用簡體中文，那麼只保留fcklanguagemanager.js、zh-cn.js兩個檔案就行了，建議也保留 en.js（英文）、zh.js（繁體中文）兩個檔案，fcklanguagemanager.js是語言設定檔，有了它才能和 fckconfig.js裡的設定成對，對應上相應的語言檔案，一定要保留！
　　再退出lang檔案夾，進入skins檔案夾，如果你想使用FCKeditor預設的奶黃色，那就把除了default檔案夾外的另兩個檔案夾直接刪除，如果想用別的，那就看你自己的喜好了，不要上傳檔案的話把filemanager也刪除算了。
　　至此，檔案精簡完畢，由原來的2.55M變成現在的689K了。接著修改設定。

三、修改設定

　　開啟位於根目錄的fckconfig.js檔案。
　　FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;這行是設定皮膚的，如果精簡時保留了silver，就把路徑改成skins/silver，預設就不用管它了；
　　FCKConfig.DefaultLanguage = 'en' ;設定預設語言，把en改成zh-cn，即簡體中文；
　　FCKConfig.TabSpaces = 0;如果在編輯過程中要用到TAB鍵，就把0改成1；
　　因為FCKeditor預設是ASP的，所以要把它換成ASP.NET。把ASP跟其它被注釋掉的代碼刪掉，用ASP.NET來代替。例如：
var _FileBrowserLanguage    = 'aspx'
var _QuickUploadLanguage    = 'aspx'
餘下的代碼都按照以上操作，刪掉其它WEB語言，只保留ASP.NET。也可以點這裡下載我精簡過的檔案，注意：只適用於ASP.NET，其他語言勿下！建議先解壓到別的目錄，再複製到WEB目錄相對應的位置，以免造成檔案丟失。
　　改完後儲存，FCKeditor已經完全支援ASP.NET了。當然還有一些安全問題，只要修改相應的toolbar，滑鼠右鍵菜單等等，因為我的後台不面對前台使用者的，即沒有留言本和日記回複，所以略過這些步驟。下一步是開啟VS.NET，在ASP.NET頁面中加入FCKeditor。

四、ASP.NET中的應用

　　開啟項目的“資源管理員”，添加“FredCK.FCKeditorV2”引用。
　　開啟添加文章、管理文章相對應的檔案以修改其中的內容。下面以“添加文章”為例。切換到“HTML”介面，添加FCK的引用，代碼如下：
<%@ Register TagPrefix="FCKeditorV2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" %>
並確保@ Page中的“AutoEventWireup”“validateRequest”兩個值都為false，不然當你發表的文章中含有連結或是其他 HTML語句時，.NET會警告你有安全隱患而出錯。在form的適當位置加入FCKeditor控制項，當然form一定要有“runat= "server"”，代碼如下：
<FCKeditorV2:FCKeditor id="content" runat="server"></FCKeditorV2:FCKeditor>
id可以自己命名，自己喜歡易記就行。如果程式中有檢測輸入是否為空白的話，那麼就不再是content.Text了，而是content.Value。
　　至此，檔案修改完畢。所有代碼如下：

程式碼<%@ Page language="c#" Codebehind="AdminFileAdd.aspx.cs" AutoEventWireup="false" Inherits="MyBlog.Admin.AdminFileAdd" validateRequest=false%>
<%@ Register TagPrefix="FCKeditorV2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>AdminFileAdd</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="admin.css" type="text/css" rel="stylesheet">
</HEAD>
<body class="right">
<form id="Form1" method="post" runat="server">
<div>添加文章</div>
<div class="main">
<ul>
<li>
標題：<asp:textbox id="title" runat="server" MaxLength="50" Width="250px"></asp:textbox>
<li>
欄目：<asp:dropdownlist id="m" runat="server" AutoPostBack="True"></asp:dropdownlist>
<li>
<FCKeditorV2:FCKeditor id="content" runat="server"></FCKeditorV2:FCKeditor>
<li>
<asp:button id="add" runat="server" Text="提　交"></asp:button>
</li>
</ul>
</div>
</form>
</body>
</HTML>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關文章
ASP學習總結：錯誤碼
反爬蟲：利用ASP.NET MVC的Filter和緩衝（入坑出坑）
ASP.NET Core 2.0利用MassTransit整合RabbitMQ
實戰中的asp.net core結合Consul叢集&Docker實現服務治理
asp DateDiff實現文字在特定時間後消失
設定和讀取ASP.Net全域變數的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More