FCK控件使用心得

準備:首先下載程序包  (1):FCKeditor.Net包 和FCKeditor_2.X.X 版本包

http://www.fckeditor.net/

 

一、準備工作

首先下載FCKeditor V2.3.2 released,下載地址在上面。這個壓縮包裏並不包含.NET要用到的DLL控件,所以還要下載另外一個壓縮包,下載地址在上面的控件地址裏。把第一個文件解壓到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文件夾外的另兩個文件夾直接刪除,如果想用別的,那就看你自己的喜好了。
  至此,文件精簡完畢,由原來的2.55M變成現在的797K了。接着修改設置。

 

 

三、修改設置

打開位於根目錄的fckconfig.js文件。FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;這行是設置皮膚的,如果精簡時保留了silver,就把路徑改成skins/silver,默認就不用管它了;FCKConfig.DefaultLanguage = 'en' ;設置默認語言,把en改成zh-cn,即簡體中文;FCKConfig.TabSpaces = 0;如果在編輯過程中要用到TAB鍵,就把0改成1;

 

在。NET中應用就把FCKCONFIG。JS中的ASP改成ASPX(默認文件瀏覽器語言,快速上傳語言)

 

改完後保存,FCKeditor已經完全支持ASP.NET了。當然還有一些安全問題,只要修改相應的toolbar,鼠標右鍵菜單等等,因爲我的後臺不面對前臺用戶的,即沒有留言本和日記回覆,所以略過這些步驟。下一步是打開VS.NET,在ASP.NET頁面中加入FCKeditor。

四、ASP.NET中的應用

  打開項目的“資源管理器”,添加“FredCK.FCKeditorV2”引用。新建一個頁面,添加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>
 
如果 插入圖片會報錯,請繼續一下步驟:

fckeditor配置重點說明

1、目錄放哪裏都可以,首先配置該目錄下的fckconfig.js文件,快捷方法是把asp都替換成aspx。
  2、在web.config里加上
   <appSettings>
   <add key="FCKeditor:UserFilesPath" value="/fc/fserFiles/" />
   <add key="FCKeditor:BasePath" value="/fc/FCKeditor/" />
</appSettings>
  注意是:虛擬目錄加fceditor的網站目錄路徑
  3、把fckeditor的dll包引用到項目
  4、最關鍵的一步是:在目錄權限上把asp.net用戶的權限給到最大
  5、文件頭引用命名空間
   <%@ Register TagPrefix="fckeditorv2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" %>
  6、引入fckeditor
  <FCKeditorV2:FCKeditor id="FCKeditor1" basePath="./FCKeditor/" runat="server"></FCKeditorV2:FCKeditor></FONT>
  7、如果還不行
  到fckedor的editor/filemanager/browser/connectors/aspx/connectior.aspx 的頭上引用包文件中加 Theme="",如下,還有就是upload.aspx文件,到browser目錄的upload文件夾中找
<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.FileBrowserConnector" AutoEventWireup="false" Theme="" %>

 

 

注意:

 

一:解決中文問題 除了在WEB。CONFIG中寫入GB2312標識  還要在

FCKeditor/editor/filemanager/browser/default/frmresourceslist.html中把方法

Function openfile 裏面的 seturl(fileurl) 改成seturl(escape(fileurl));

另外把editor目錄下的DIALOG下的FCK——IMAGE和FCK——FLASH等裏的

<metahttp-equivXXXXXXXXcharset=utf-8> 換成GB2312

二:使用的時候注意引用FCK的樣式表和JS文件否則可能顯示不正常或功能不正常

 
發佈了18 篇原創文章 · 獲贊 0 · 訪問量 21萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章