前些天在项目中用到了在线编辑器不知道用哪个好在网上搜了一下发现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?
