ckeditor和ckfinder配合使用说明

1.        准备工作：

   分别下载插件Ckeditor和ckfinder：http://ckeditor.com/download                                                          

                                                                http://ckfinder.com/download

2.        解压文件：

  分别解压提取文件结果如图：

 

注意如果是在官网上下载的压缩包，解压后不需要的酒删除，不要提取，也没啥用！做到提取后的文件如上即可，然后分别把他们放到同级文件夹根目录下（如js文件夹）。

   

3.        修改Ckeditor文件夹下config.js配置

   

  var ckfinderPath = "/Admin/js";    //主要是改这里的路径代码

   

    config.filebrowserBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html';

   

    config.filebrowserImageBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html?Type=Images';

   

    config.filebrowserFlashBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html?Type=Flash';

   

    config.filebrowserUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';

   

    config.filebrowserImageUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';  

config.filebrowserFlashUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
 
上面代码源文件配置中没有，需要手动添加，添加后截图如下：
 

4.        添加ckfinder文件夹下bin下ckfinder.dll引用

存放在站点目录下，直接添加对其引用即可

5.        使用Ckeditor方法

在母版页面或者aspx页面中添加对其ckeditor.js的引用
在头部添加此句：ValidateRequest="false"，跳过W3C语法检验，例如：
<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false"  CodeBehind="NewsEdit.aspx.cs" Inherits="企业网站.Admin.NewsEdit" %>
在使用具体之处声明：cssclass=” ckeditor”，例如：
<asp:TextBox ID="txtMsg" CssClass="ckeditor" runat="server" TextMode="MultiLine"></asp:TextBox>

VS2010还需要在web.config配置