Asp.net 在CKEditor中使用CKFinder 转自(ndxsdhy)
2012-02-04 02:46
381 查看
转自: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外的其他目录
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外的其他目录
相关文章推荐
- Asp.net 在CKEditor中使用CKFinder(CKEditor3.1.2集合CKFinder2.1.1),完美组合
- ckeditor+ckfinder配置及使用(asp,asp.net环境)
- ckeditor和ckfinder 在ASP.NET 中的使用
- 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能
- 在线html编辑器:Asp.net 在CKEditor中使用CKFinder(CKEditor3.1.2集合CKFinder2.1.1),完美组合
- asp.net下使用CKEditor和CKFinder
- ASP.NET中CKEditor与CKFinder的配置使用
- ASP.NET中使用CKEditor3.2+CKFinder1.4.3(转载)
- CKEditor和CKFinder在ASP.NET项目中安装,配置和使用详解
- asp.net使用ckeditor与ckfinder的集成,有上传图片功能
- ASP.NET项目中使用CKEditor +CKFinder 实现上传图片
- 在ASP.NET MVC中使用CKEditor和CkFinder
- ASP.NET中CKEditor与CKFinder的配置使用
- ASP.NET版CKEditor与CKFinder的配置使用
- asp.net下使用CKEditor和CKFinder
- ASP.NET项目中使用CKEditor +CKFinder 实现上传图片
- Asp.net 在CKEditor中使用CKFinder
- asp.net使用ckeditor
- 【ASP.NET】:Ckeditor+Fckeditor的使用
- Asp.net 中配置 CKEditor和CKFinder