Asp.net 在CKEditor中使用CKFinder

1、下载CKFinder包放到网站中http://ckfinder.com/

2、删除CKFinder中的_samples和_source文件夹(分别为示例文件和未压缩源程序), 不然编译会出错

3、网站中添加ckfinder\bin\Debug\CKFinder.dll文件的引用

4、页面中添加引用代码<script type="text/javascript" language="javascript" src="ckfinder/ckfinder.js"></script>

5、在ckeditor(是ckeditor)的config.js文件中加入几段代码, 如:

CKEDITOR.editorConfig = function(config) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    //以下是需要加入的

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

  //加入后会发现ckeditor框中多了"上传"
};
6、修改CKFinder的config.ascx里的内容, 找到public override bool CheckAuthentication()中的return false改成return true, 不然没有权限

7、可以修改CKFinder的config.ascx中的BaseUrl = " /ckfinder/userfiles/";  它是服务器文件路径,用于存储图片的文件夹

8、差不多可以用了, 一定要注意第5步的地址, 如果有ckeditor文本框是用在了用户控件中, 那路径要按照引用了用户控件的那个网页来写 (直接通过第一个"图像"-浏览服务器上传图片, 这样页面出错的话可以显示路径)
  

附:ckfinder精简
   1、删除_samples和_source文件夹,分别为示例文件和未压缩源程序
   2、删除根目录下changelog.txt,install.txt,license.txt文件
   3、1.x版的删除core/lang目录下除en.js,zh-cn.js的所有语言文件(根据条件删除),2.0的删除lang和core/connector/aspx/lang目录下除en.js,zh-cn.js的所有语言文件;help目录除en外的其他目录

你可能感兴趣的:(ckeditor)