这几天做一个关于旅游网站的项目,有一项需求就是能够让用户自己编写网页内容,考虑到美观大方、实用的特点,就找到了一个FCK的网页编辑插件(最新的版本实际是将旧版的东西一分为二成为ckeditor和ckfinder),所以我们就利用这篇文章来介绍一下旧版的内容,下次我们再来感受一下它的最新版本吧!
我们需要两个文件分别是:FCKeditor_2.6.7.zip和FCKeditor.Net_2.6.3.zip(这里面只用到了一个dll文件)。
如果仅仅是一些文字内容的编辑,那么配置还是比较简单的,具体步骤如下:
一、简单排版
1,拷贝文件夹:拷贝FCKeditor_2.6.7.zip中的fckeditor到网站根目录,并包含在当前项目中.
2,将FCKeditor.Net_2.6.3中的FredCK.FCKeditorV2.dll文件拷贝到项目中的bin文件夹下并且引用它
3,在控制面板中添加相应的控件
4,拖出控件到界面上
上述的几步完成之后,应该说我们的控件已经可以用了,读者可以自行运行调试一下,出现以下界面就是正常的(控件大小,控件数,背景不同,没有关系)
再次强调一下,上述配置仅限于做一些简单的排版文字排版.如果需要上传文件的话还需要接下来的步骤.
二、文件上传
1,在网站的根目录下新建一个文件夹,用来存放我们的上传文件.
2,接下来就到了我们的关键步骤.
首先,打开web.config文件,配置我们的文件上传路径,在配置文件中添加如下代码
解释一下:
第一行中的:<add key="FCKeditor:BasePath"value="/fckeditor/"/>的意思是执行程序文件夹,即我们使用的控件需要调用的程序文件存放位置.
第二行中的:<addkey="FCKeditor:UserFilesPath" value="/upload/"/>就很容易理解了,它就是我们上传文件存放的位置.
接下来打开fckeditor/fckconfig.js文件
找到第276,277行的
改为
然后找到fckeditor/editor/filemanager/connectors/aspx/config.ascx 文件夹下的config.ascx文件.
在打开的文件的第41行将返回值false改为True,这样改的意思是允许任何人上传文件!当然读者也可以根据需要,修改为下图中英文说明中的session相关的东西!
到此为止,我们的基本配置已经完成了!,重新运行调试点击工具栏上的图片按钮->选择上传选项卡->点击浏览->选择需要的图片->点击"发送到服务器",出现提示"Yourfile has been successfully uploaded" 即说明图片上传成功!
点击确定按钮之后,我们就可以看到上传的图片了,当然你可以根据需要调整图片的相关选项!这里不再说明!
最终的效果如上图所示!
至于如何定制我们自己需要的工具栏,如何将内容保存,如何显示在网页上等等问题。读者可以自己尝试一下!如果读者需要可以给我发邮件或者继续关注我的下一篇文章!
呵呵,卖个关子,我们下次再来说明!
敬请期待!谢谢您的关注!