ckeditor_aspnet_3.5.3+ckfinder_aspnet_2.0.2.1的整合使用

1.ckeditor

解压将ckeditor复制到网站根目录，配置config.js

    //config.toolbar = 'Basic';
    config.toobar ='Full';
    config.width =771;//宽度
    config.height = 250;//高度

    config.filebrowserBrowseUrl = location.hash + '/ckfinder/ckfinder.html';
    config.filebrowserImageBrowseUrl = location.hash + 'ckfinder/ckfinder.html?Type=Images';
    config.filebrowserFlashBrowseUrl = location.hash+'/ckfinder/ckfinder.html?Type=Flash';
    config.filebrowserUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?      command=QuickUpload&type=Files';
    config.filebrowserImageUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
    config.filebrowserFlashUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

配置ckeditor/plugins/image/image.js

将type:'button',id:'browse',style:'display:inline-block;margin-top:10px;',align:'center',label:b.lang.common.browseServer,hidden:true,filebrowser:'info:txtUrl'的hidden:true改成false;

 

2.ckfinder

解压将ckfinder复制到网站根目录，配置config.ascx

 public override void SetConfig()
 {

      BaseUrl = "~/ckfinder/userfiles/";//用户文件上传文件夹

}

  type = ResourceType.Add( "Images" );
  type.Url = BaseUrl + "images/";
  type.Dir = BaseDir == "" ? "" : BaseDir + "images/";
  type.MaxSize = 0;
  type.AllowedExtensions = new string[] { "bmp", "gif", "jpeg", "jpg", "png" };//配置可以上传的图片格式
  type.DeniedExtensions = new string[] { };

 

配置ckfinder.js

去掉demo版权声明，<h4>去掉，很长的一串八进制和16进制的字符串替换成"/x20"

 

3.页面上调用

    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="ckfinder/ckfinder.js"></script>

    <asp:TextBox ID="Content" runat="server" TextMode="MultiLine" Height="250px" Width="500px" Text='<%# Bind("info") %>'></asp:TextBox>
    <script type="text/javascript">
    if(typeof CKEDITOR=='undefined')
    {
        document.write('加载CKEditor失败！');
    }
    else
    {
        var editor = CKEDITOR.replace('<%=Content.ClientID%>');
        //CKFinder.SetupCKEditor(editor, '/ckfinder/');     
    }
    </script>

如果出现不能调用页面的状态，一般都是路径设置的问题，加..加/去掉/等等试试吧，good lcuk!