最近做系统中用到了Fckedit这个软件,看了一些资料,搞了一天最后总算弄出来了,这里给大家分享一下(有别人的,也有自己的)。
第一步:我们先下载Fckedit软件,可以到其官网去直接下载http://ckeditor.com/download,它是开源的。
如果你只是用在asp.net中,你可以选择我经过瘦身的Fckedit软件包:
fckeditor.rar
(432.36 KB, 下载次数: 536)
,以及FredCK.FCKeditorV2.dll的压缩包:
FredCK.FCKeditorV2.rar
(14.23 KB, 下载次数: 541)
下载后都解压。
第二步:筛选FCKeditor编辑组件中的包如果你选择的是这里提供经过删减的软件包,直接把解压后的Fckedit文件夹Copy到你的网站根目录下面,下面内容不用看,直接看第三步。
首先带“_”的文件和文件夹可以不要,它们是一些示例。接下来我们继续给这瘦身。在fckeditor文件夹里我们只留下editor、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml这五个文件,其它的都除掉。在Css里是这个组件用到的样式,我们可以不动它。Dialog里是一些弹出对话框不要动它,Dtd也不要动。editor\filemanager\connectors下面我们只要Aspx这一个就够了。
这里提供的是我们对上传文件的管理。Lang我们只要Zh-cn.js这个是简体中文,它里面就是所能支持的所有的语言。Js里面是这个组件的核心,我们更是不能动,Plugins里面是一些插件,我们不用去管它,在做例子中我们会用到这里面的上传图片插件,而不用它默认的上传功能。
Skin里面有三个皮肤:Default、Office2003,Silver。
瘦身到此结束,文件夹大小减小了不少的。最后把fckeditor文件夹Copy到你的网站根目录下面。
一切搞定,接下来配一下Web.config和fckconfig.js,就能像我们常用的用户自定义控件一样的使用了。
第三步:把我们的这个组件放到我们的项目中
1.在websit(项目名字)工程上右键,选择添加引用,找到浏览标签,然后定位到你解压好的FredCK.FCKeditorV2.dll,确认就可以了。这时,websit工程目录下就多了一个bin文件夹,里面包含FredCK.FCKeditorV2.dll文件。
当然,你也可以完全人工方式的来做,把FredCK.FCKeditorV2.dll直接拷贝到websit\bin\下面,VS2005在编译时会自动把它编译进去的。
2.为了方便开发,可以把FCKeditor控件添加到VS的工具箱上:展开工具箱的常用标签组,右键选择项,在对话框上直接找到浏览按钮,定位FredCK.FCKeditorV2.dll,然后确认就可以了。这时工具箱呈现FCKeditor控件,下次用,直接拖放就可以了。至此,已经完成了FCKeditor的安装,并可以在你的项目中使用FCKeditor了。
第四步:FCKeditor详细的设置
(1)配置WebConfig,在节点添加,如下所示: 说明:BasePath是fckeditor所在路径,fckeditor由于我们直接放网站目录下这样写就可以,如果您的网站多放几层适当调整即可。UserFilesPath是所有上传的文件的所在目录。我们新建了一个Files文件夹放在了项目中做为上传文件的所在目录,这里为了方便,但由于考虑到安全性,我们建议Files要单独做wwwroot目录下的一个站点比较好,和我们的站点FCKEditor平行。不要把它放FCKEditor里。因为Files是要让客户有写的权限的,如果放FCKEditor下很危险。Files目录要有写的权限。你根据自己网站需求设置那个帐号,本文为方便设置User实际中你可能用ASP.NET帐号更合理。(2)进入FCKeditor文件夹,编辑 fckconfig.js 文件。
1、此步骤是必须的,也是最重要的一步。
修改
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLanguage = 'php' ;
// asp | aspx | cfm | lasso | php改为var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | php
修改项:FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;(皮肤)FCKConfig.AutoDetectLanguage = true ;(自动检测语言)FCKConfig.DefaultLanguage = 'zh-cn' ;(默认为简体中文)
第五步:运行我们的项目这一步虽然弄够运行出来但是,当我们该添加的时候它却包错了,他报Request.Form中存在危险值,这一步好费劲啊。查了半天才出来。这时候我们需要在web.config中下边添加一句至此我们的Fckedit算是完全弄好了! |