在线html编辑器:Asp.net 在CKEditor中使用CKFinder(CKEditor3.1.2集合CKFinder2.1.1),完美组合

转自:http://www.cnblogs.com/ndxsdhy/archive/2011/07/10/2102124.html

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外的其他目录

你可能感兴趣的:(在线html编辑器:Asp.net 在CKEditor中使用CKFinder(CKEditor3.1.2集合CKFinder2.1.1),完美组合)