前些天在項目中用到了在線編輯器不知道用哪個好在網上搜了一下發現FckEditor是一個不錯的組件它有多國語言版支持多個平台(AspNetAspPhpJsp等等)但是這個組件下下了後研究了好很一段時間才對它有了一個初步的認識關於它網上有很多的文章但是關於如何使用方面的例子卻不多
所以我打算做這樣一個例子方便大家在用到這個組件的時候能馬上上手我們要用它首先我們的手頭要先有這個組件(下載FckEditor_)因為我學的是Net而且也越來越流行所以我的例子以AspNet為主要讓FckEditor支持Net還要下載FckEditor_Net這個不是最新的版本最新是FckEditor版本不同但是用法是一樣的那個版本都是一樣在我的例子中我用的是FckEditor的讓我們先來看看這個裡面都有什麼?fcdeditor文件夾裡如下圖對於FckEditor_Net這個文件夾我們用到了裡面Bin\Debug\\FredCKFCKeditorVdll如果你是Net的用戶則要用到Bin\Debug\\FredCKFCKeditorVdll把這個DLL引用到你的網站根目錄Bin 下面再添加引用就行了
對於FckEditor由於FckEditor是支持多語言多平台的我們現在要用的是AspNet?所以我們只找出我們要用的東西其它的我們可以除掉首先帶_的文件和文件夾可以不要它們是一些示例接下來我們繼續給這瘦身在fckeditor文件夾裡我們只留下editorfckconfigfckeditorfckstylesxmlfcktemplatesxml這五個文件其它的都除掉在Css裡是這個組件用到的樣式我們可以不動它Dialog裡是一些彈出對話框不要動它Dta也不要動editor\filemanager\connectors下面我們只要Aspx這一個就夠了這裡提供的是我們對上傳文件的管理Lang我們只要Zhcn這個是簡體中文它裡面就是所能支持的所有的語言Js裡面是這個組件的核心我們更是不能動Plugins裡面是一些插件我們不用去管它在做例子中我們會用到這裡面的上傳圖片插件而不用它默認的上傳功能Skin裡面有三個皮膚DefaultOfficeSilver瘦身到此結束文件夾大小減小了不少的最後把fckeditor文件夾Copy到你的網站根目錄下面一切搞定接下來配一下nfig和fckconfig就能像我們常用的用戶自定義控件一樣的使用了
在nfig的AppSettings中添加
如果你用的是默認的上傳功能則
??? < add key=FCKeditor:BasePath value=~/fckeditor//>
??? < add key=FCKeditor:UserFilesPath value=/網站名稱/UploadFiles//>
如果你用的是InsertImage插件則
< add key =UploadDir value =UploadFiles/>
??? < add key =HostName value =主機名稱\主機//localhost/>? UploadFiles?
From:http://tw.wingwit.com/Article/program/net/201311/13315.html