一、获取文件
1.将FCKeditor.Net_2.6.3.zip解压缩。我们需要一个DLL文件。在\bin\Release\文件夹下有两个版本。对应.netframework的版本,拷贝FredCK.FCKeditorV2.dll至你的项目的bin目录。然后在.net的工具箱中添加此项。
2.将FCKeditor_2.6.5zip解压缩。将所得的fckeditor文件夹拷贝至项目根目录。
二、精简文件
1.FCKeditor是支持多种WEB语言的,我们可以针对自己使用的语言来进行简化,将不使用的文件删掉,进入到 FCKeditor文件夹下,先把以“_”为开头的文件夹统统删除,这些文件夹里放的是范例或是一些其它工具。其实也就是只保留editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 就可以了,最外层的精简化完毕。
2.进入到editor文件夹内,先把“_source”文件夹删除,这里是一些源文件,对于使用来说没什么用处。再进入lang文件夹内,这里是编辑器语言外包文件,只保留 zh-cn.js、en.js、zh.js这几个文件,这几个文件的含义我想大家都是知道的。当然如果需要其它语言也可以留下来。
3.再进入skin文件夹,这是编辑器的皮肤,如果你想使用fckeditor默认的这种奶黄色,如果想用别的,那就自己考虑了。office2003的皮肤比较漂亮,听说加载时速度比较慢,也可以选那择silver,也比较好配色,速度也快。
4.精简的最后一步,退出skin文件夹,再进入filemanager,进入到 connectors目录下,保留aspx目录,其它全部删除。
精简工作完成,现在看起来就赏心悦目了!
三、对编辑器进行配置
1.第一个配置文件是fckconfig.js,位于FCKeditor根目录下。修改项包括:
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;(皮肤)
FCKConfig.AutoDetectLanguage = true ;(自动检测语言)
FCKConfig.DefaultLanguage = 'zh-cn' ;(默认为简体中文)
FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312' ; (添加中文常用字体)
FCKConfig.FontSizes = '12px;14px;16px;18px;24px;26px;28px;32px' ; (添加常用字体大小)
FCKConfig.TabSpaces = 1 ; //在编辑器中是否可以是否TAB键 0 不可用 1 为可用
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py (用来浏览上传文件)
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py (用来上传文件)
2.如果想设置编辑器的浏览功能,如浏览图片、Flash,设置上传功能,如图片、Flash上传,可以设置为启用与禁用,true为启用false禁用。
FCKConfig.LinkBrowser = true;
3.如果你的编辑器还用在网站前台的话,比如说用于留言本或是日记回复时,那就不得不考虑安全了,在前台千万不要使用Default的toolbar,要么自定义一下功能,要么就用系统已经定义好的Basic,禁用文件上传等其它比较危险的功能。当然也可以自定义,选择适合自己的功能。至于怎么选,可以对照fckconfig.js文件中FCKConfig.ToolbarSets["Default"]、FCKConfig.ToolbarSets ["Basic"]的配置
四、上传文件配置
1.在文件上传时,我们希望将文件上传到指定的目录中,而且必须是经过验证的用户才能上传文件,我们可以在filemanager\connectors\aspx目录中的config.ascx文件中进行设置,首先为了防止没经过验证的用户上传木马文件,我们可以在CheckAuthentication()方法中加上对当前用户认证,成功后返回true即可;在SetConfig()方法中,可以设置UserFilesPath来指定保存上传文件的路径。上传文件可以按目录自动保存到对应的目录中,如: File, Image, Flash, Media ,设置后结构如下UserFilesPath = "/UpLoadFiles/";,WEB根目录下的Upload目录中。
/UpLoadFiles/
|-File
|-Image
|-Flash
|-Media
五、web.config配置
1.在你的项目的配置文件:web.config里找到<appSettings/>将它替换为:
<appSettings>
<add key="FCKeditor:BasePath" value="~/FCKeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/Test/UpLoadFiles/"/> <!--正式发布时删除Test-->
</appSettings>
六、使用方法:
可以直接在ASP.NET设计视图中使用此控件,就像你使用textbox一样简单,直接从工具箱拖到页面上即可。获取FCKeditor的编辑框中的值,可以用FCKeditor的value属性获取编辑框内的值,此数据为html代码。至此,整个安装、使用过程结束!