C# ckeditor+ckfinder的图片上传配置
2011-09-23 17:36
561 查看
CKEditor 3.5, released on 17 December 2010
官方下载
CKFinder Current version: 2.0.1, updated 17.08.2010
官方下载 选择asp.net
把以上两个资源放到网站的根目录: /CKEditor 和 /CKFinder (不区分大小写)
aspx 页面直接使用 CKEditor
CKEditor 本身不自带上传功能,所以需要配合CKFinder才可以实现上传
第一步:网站需要引用CKFinder的dll(目录:/CKFinder/bin/Release/CKFinder.dll)
第二步:配置CKEditor的config.js (目录:/CKEditor/config.js ) 在CKEDITOR.editorConfig函数里加上,不需要的功能可以去掉
配置完成后CKEditor 就带有上传功能了,但假如上传图片时,图片的文件是用原来图片的名字,想改为随机文件名呢,怎么办?接着看第三步。
第三步:修改CKFinder的源码。CKFinder自带有源码,目录:/CKFinde/_source
在VS里新建一个 现在的项目 指向CKFinde/_source/CKFinder.Net.sln
1) 打开/Settings/ConfigFile.cs文件
定位27行,添加一个属性:public bool RandomReName; //随机重命名
定位67行,给刚才的属性赋值:RandomReName = true; //默认值为true
保存关闭文件
2) 打开/Connector/Config.cs文件
定位62行,添加一个属性:
保存关闭文件
3) 打开/Connector/CommandHandlers/FileUploadCommandHandler.cs文件
定位64行,添加一句判断代码:
保存关闭文件
4) 重新生成项目,把/ckfinder/_source/bin/Debug/CKFinder.dll覆盖/ckfinder/bin/Release/CKFinder.dll或者网站项目去掉之前加入的引用再重新从CKFinder.Net项目里的Dll
最后一步:打开/ckfinder/config.ascx
定位42行,添加一属性:(其实这个加不加都可以的,因为之前有设置默认值,但使用原名时一定要设置为false)
//上传完毕后使用随机文件名
RandomReName = true;
保存关闭
好了,到此已经配置成功了,CKEditor 可以有上传功能了。其它的功能的设置,有空再继续研究~
还要提醒一句:CKEditor 和 CKFinder 文件夹里有很多不需要的东西,例如名字带有下划线前辍的,.net项目不需要php,asp的。
官方下载
CKFinder Current version: 2.0.1, updated 17.08.2010
官方下载 选择asp.net
把以上两个资源放到网站的根目录: /CKEditor 和 /CKFinder (不区分大小写)
aspx 页面直接使用 CKEditor
<textarea cols="80" id="prcontent" name="content" rows="50">hello world!</textarea> <script type="text/javascript"> CKEDITOR.replace('content', { height: 200, width: 520 }); </script>
CKEditor 本身不自带上传功能,所以需要配合CKFinder才可以实现上传
第一步:网站需要引用CKFinder的dll(目录:/CKFinder/bin/Release/CKFinder.dll)
第二步:配置CKEditor的config.js (目录:/CKEditor/config.js ) 在CKEDITOR.editorConfig函数里加上,不需要的功能可以去掉
config.filebrowserBrowseUrl= '/ckfinder/ckfinder.html'; //上传文件时浏览服务文件夹 config.filebrowserImageBrowseUrl= '/ckfinder/ckfinder.html?Type=Images'; //上传图片时浏览服务文件夹 config.filebrowserFlashBrowseUrl= '/ckfinder/ckfinder.html?Type=Flash'; //上传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'; //上传Flash按钮(标签)
配置完成后CKEditor 就带有上传功能了,但假如上传图片时,图片的文件是用原来图片的名字,想改为随机文件名呢,怎么办?接着看第三步。
第三步:修改CKFinder的源码。CKFinder自带有源码,目录:/CKFinde/_source
在VS里新建一个 现在的项目 指向CKFinde/_source/CKFinder.Net.sln
1) 打开/Settings/ConfigFile.cs文件
定位27行,添加一个属性:public bool RandomReName; //随机重命名
定位67行,给刚才的属性赋值:RandomReName = true; //默认值为true
保存关闭文件
2) 打开/Connector/Config.cs文件
定位62行,添加一个属性:
public bool RandomReName { get { return Settings.ConfigFile.Current.RandomReName; } }
保存关闭文件
3) 打开/Connector/CommandHandlers/FileUploadCommandHandler.cs文件
定位64行,添加一句判断代码:
if ( Config.Current.RandomReName) //使用随机名 sFileName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + "." + sExtension;
保存关闭文件
4) 重新生成项目,把/ckfinder/_source/bin/Debug/CKFinder.dll覆盖/ckfinder/bin/Release/CKFinder.dll或者网站项目去掉之前加入的引用再重新从CKFinder.Net项目里的Dll
最后一步:打开/ckfinder/config.ascx
定位42行,添加一属性:(其实这个加不加都可以的,因为之前有设置默认值,但使用原名时一定要设置为false)
//上传完毕后使用随机文件名
RandomReName = true;
保存关闭
好了,到此已经配置成功了,CKEditor 可以有上传功能了。其它的功能的设置,有空再继续研究~
还要提醒一句:CKEditor 和 CKFinder 文件夹里有很多不需要的东西,例如名字带有下划线前辍的,.net项目不需要php,asp的。
相关文章推荐
- CKEDITOR+CKFINDER的图片上传配置(C#/asp.net/php)
- CKEDITOR+CKFINDER的图片上传配置(C#/asp.net/php)(转载)
- PHP中配置Ckeditor+Ckfinder 完成图片上传
- CKEditor上传图片—配置CKFinder
- ckeditor3.6.5+ckfinder2.0.2+jsp编辑器配置 支持服务器浏览/上传图片、Flash
- CKEditor上传图片—配置CKFinder
- CKEditor上传图片—配置CKFinder
- drupal ckeditor模块配置上传图片及文件(IMCE,ckfinder)
- ckfinder,ckeditor 编辑器 上传图片配置
- PHP中配置Ckeditor和Ckfinder(实现图片上传)
- Drupal 7 配置ckeditor和ckfinder编辑器实现图片上传--不用wysisyg
- PHP中配置Ckeditor+Ckfinder 完成图片上传
- PHP 中配置 ckeditor(fckeditor的新版本)+ckfinder ,实现上传图片功能。
- .net_ckeditor+ckfinder的图片上传配置
- ckeditor和ckfinder配置上传图片
- Ckeditor and ckfinder 配置实现截图上传图片到远程服务器
- 详细配置CKEditor 和 CKFinder 插件上传图片
- CKEditor上传图片—配置CKFinder
- ckeditor组合ckfinder的配置使用图片上传功能
- CKEditor+CKFinder的图片上传配置