ASP.NET中CKEditor+CKFinder的配置方法

首先在网站上下载需要的组件！http://ckeditor.com/download这个网站中需要下载第一个和第四个组件。http://ckfinder.com/download这个网站中下载CKFinder for ASP.NET组件。

分别解压缩CKEditor组件的两个Zip格式的文件到合适位置

3、在CKEditor for ASP.NET解压缩的文件目录内，找到bin\Release\CKEditor.NET.dll文件，将该文件复制粘贴到网站目录的Bin目录，如下图所示







（注：如果网站根目录没有Bin目录，可以在网站根目录右击【添加ASP.NET文件夹】|【Bin】创建）

4、将CKEditor 3.X解压缩的整个文件夹（文件夹名为ckeditor）全部复制粘贴到网站根目录下，见上图

5、打开工具箱，在适当的选项卡上右击（笔者选择的是【常规】，也可以自己创建选项卡），点击【选择项...】，在打开的【选择工具箱项】窗口中，点击右下角的【浏览】按钮，找到步骤3的CKEditor.NET.dll文件，确定完成，这里在工具箱相应选项卡内会出现CKEditor控件，如下图所示最后一项（第一项FCKeditor是笔者以前所用的版本）：







6、任意创建一个网页，将工具箱中的CKEditorControl控件拖放到网页中，运行，即可看到CKEditor对象显示在网页内。

接下来配置CKFinder，解压缩包，将CKFinder整个文件夹拷贝到网站的根目录下，删除_samples和_source两个文件夹，如下图所示：



查看大图

然后修改config.ascx文件，



public override bool CheckAuthentication()

{

// WARNING : DO NOT simply return "true". By doing so, you are allowing

// "anyone" to upload and list the files in your server. You must implement

// some kind of session validation here. Even something very simple as...

//

// return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );

//

// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the

// user logs on your system.

return false;

}



public override void SetConfig()

{

// Paste your license name and key here. If left blank, CKFinder will

// be fully functional, in Demo Mode.

LicenseName = "";

LicenseKey = "";

// The base URL used to reach files in CKFinder through the browser.

BaseUrl = "/ckfinder/userfiles/";

以下代码省略。上面加粗的地方需要修改：



将return false;改为 return true;本句的改动是让所有用户可以上传文件

/ckfinder/userfiles/的修改分两种情况，本地情况和远程情况



本地情况：如果是以文件系统方式在本地开发，将双引号内的/ckfinder/userfiles/改为/YOUHUA_Site/Userfiles/ ，本名的改动是将上传的文件存储到/YOUHUA_Site/Userfiles/文件夹内，其中/YOUHUA_Site/是博文所做网站的根目录；用户可以根据自己的网站根目录进行相应修改。这里需要特别指明一点，/ckfinder/userfiles/这个文件夹，不要以为把ckfinder文件夹放到网站根目录内就可以用BaseUrl了，前边必须加上网站根目录名。比如，博主如果使用CKFinder这个默认文件上传存储文件夹，则BaseUrl应该实际写为"/YOUHUA_Site/ckfinder/userfiles/"，开始结束的斜线都不要缺少；

远程情况：如果将开发好的网站部署到远程网站，本地情况中的网站根目录将不复存在，而是变成了相应的网址，所以，网站部署到远程时，博主刚才所设置的内容，需要把/YOUHUA_Site部分删除，即用户上传文件的BaseUrl应为 /Userfiles/

4、将ckfinder/bin/Release下的CKFinder.dll文件拷贝粘贴到网站根目录的系统文件夹Bin内；

5、要使得CKEditor可以上传图片及文件，需要在使用CKEditor控件的网页后台代码做处理如下：

protected void Page_Load(object sender, EventArgs e)

{

CKFinder.FileBrowser fileBrowser = new CKFinder.FileBrowser();

//设置CKFinder基路径，注意这个路径CKFinder系统文件所放位置，不是上传文件的路径，适用于本地

fileBrowser.BasePath = "/YOUHUA_Site/ckfinder/";

//设置CKFinder基路径，适用于远程部署，注意/YOUHUA_Site已经删除，并且本语句注释，远程使用时

//取消注释，将上一条本地的注释

//fileBrowser.BasePath = "/ckfinder/";

//与CKEditor对象绑定，CKEditorControl1是网站中CKEditor实例的ID

fileBrowser.SetupCKEditor(CKEditorControl1);

}

至此，完成任务。可以利用CKEditor + CKFinder结合上传文件及图片了。

另外，可能会出现找不到CKEditorControl1的问题，这是因为CKeditor控件被放到了数据显示控件里面了，这时候需要使用查找控件的方法找到创建的CKEditor控件就可以了。