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

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

Ckeditor+Ckfinder在实现富文本编

辑和图片文件的上传的配置方法

一、 下载Ckeditor和Ckfinder。

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

（二）在其官方网站的download和free trial栏目下载免费的文件包。注意要选择

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

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

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

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

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

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

整理的结果如下：

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

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

二、 配置ckeditor和ckfinder

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

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

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

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

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

在属性窗口输入都要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?command=QuickUpload&type=Flash"

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

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

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

富文本编辑器(Ckeditor+Ckfinder)实现富文本编辑和图片文件的上传的配置方法(最简便、最直观的操作步骤).doc

设置成功后的情形。

本文来源：https://www.bwwdw.com/article/m0y1.html