富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法

Ckeditor+Ckfinder在实现富文本编辑和图片文件的上传的配置方法

一、下载Ckeditor和Ckfinder。

（一）百度搜索Ckeditor和Ckfinder，点击排名第一的网站。

（二）在其官方网站的download和free trial栏目下

载免费的文件包。注意要选择

二、解压缩文件并选择加入网站所需的文件夹。

1.复制ckeditor的_Samples文件夹下的bin和

ckeditor两个文件

2.复制cfinder整个文件夹，并将bin/release文件夹下的dll文件复制到富文本编辑器的bin文件里。

注意这里就有两个dll文件了。

整理的结果如下：

最后将文件夹拷贝到网站根目录下：

二、配置ckeditor和ckfinder

1.添加对两个bin文件夹下dll文件的引用

2.在工具箱加入ckeditor控件，选择选择项。在选择工具

箱.netFramework组件中浏览选择bin文件夹中的.dll文件，工具箱将会多出一个CKEditorControl控件。

2.在需要使用富文本编辑器的网页中加入CKEditorControl 控件。

在属性窗口输入都要ckfinder文件浏览和上传功能的管理页面，包括浏览服务器和上传两个功能。

注意目录一定要正确

FilebrowserBrowseUrl="../fwh_new_bjq/ckfinder/ckfinder.html?Type=Files" FilebrowserFlashBrowseUrl="../fwh_new_bjq/ckfinder/ckfinder.html?Type=Flash" FilebrowserImageBrowseUrl="../fwh_new_bjq/ckfinder/ckfinder.html?Type=Images"

FilebrowserFlashUploadUrl="../fwh_new_bjq/ckfinder/core/connector/aspx/connector.aspx?comman d=QuickUpload&type=Flash"

FilebrowserImageUploadUrl="../fwh_new_bjq/ckfinder/core/connector/aspx/connector.aspx?comman d=QuickUpload&type=Images"

FilebrowserUploadUrl="../fwh_new_bjq/ckfinder/core/connector/aspx/connector.aspx?command=Qui ckUpload&type=Files"

选择/ckfinder/config.ascx文件，修改授权规则和上传目录。

设置成功后的情形。