结合CKFinder,给CKEditor加上上传图片功能
2012-08-27 21:57
627 查看
1,将ckeditor解压打开,打开_Samples,将ckeditor文件夹拷贝项目中的根目录下,把bin放在根目录下
2,将ckfinder解压,ckfinder文件夹拷贝项目中的根目录下,把bin放在根目录下,把_sample,_source,help文件夹删除掉,(注:没有用)
3,在ckeditor文件下找到config.js 打开,找到在CKEDITOR.editorCongig=function(config) {
//填写以下内容,图片,flash路径
config.uiColor = '#F7F8F9'
config.scayt_autoStartup = false
config.language = 'zh-cn'; //中文
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'; };
4,在ckfinder文件下找到config.ascx文件,打开
1)把public overrider bool ChekcAuthentication(){return false;改为:return true;}
2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}
5,在页面中head标签内写入: <script type="text/javascript" src="ckeditor/ckeditor.js" ></script> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> 如果有母版页,在母版页中写
--注:单纯的配置,6,7可以不要,但是一旦要入数据库中,就要配置6.7步骤
6,在Default.aspx页面中,写入%@Page ValidateRequest="false"%
7,在web.config文件中,在system.web下写 <httpRuntime requestValidationMode="2.0"/>
8,在Default.aspx页面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox> <script type="text/javascript"> CKEDITOR.replace('<%= txtcontent.ClientID %>', { skin: 'kama' }); </script>
2,将ckfinder解压,ckfinder文件夹拷贝项目中的根目录下,把bin放在根目录下,把_sample,_source,help文件夹删除掉,(注:没有用)
3,在ckeditor文件下找到config.js 打开,找到在CKEDITOR.editorCongig=function(config) {
//填写以下内容,图片,flash路径
config.uiColor = '#F7F8F9'
config.scayt_autoStartup = false
config.language = 'zh-cn'; //中文
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'; };
4,在ckfinder文件下找到config.ascx文件,打开
1)把public overrider bool ChekcAuthentication(){return false;改为:return true;}
2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}
5,在页面中head标签内写入: <script type="text/javascript" src="ckeditor/ckeditor.js" ></script> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> 如果有母版页,在母版页中写
--注:单纯的配置,6,7可以不要,但是一旦要入数据库中,就要配置6.7步骤
6,在Default.aspx页面中,写入%@Page ValidateRequest="false"%
7,在web.config文件中,在system.web下写 <httpRuntime requestValidationMode="2.0"/>
8,在Default.aspx页面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox> <script type="text/javascript"> CKEDITOR.replace('<%= txtcontent.ClientID %>', { skin: 'kama' }); </script>
相关文章推荐
- Ckeditor与Ckfinder整合 上传图片功能(.net版本)
- asp.net使用ckeditor与ckfinder的集成,有上传图片功能
- Yii结合CKEditor实现图片上传功能
- PHP 中配置 ckeditor(fckeditor的新版本)+ckfinder ,实现上传图片功能。
- ASP.NET下CKEditor3.6.4结合CKFinder2.3实现文本编辑器的上传功能
- 在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能
- Yii结合CKEditor实现图片上传功能
- ckeditor ckfinder 集成 ,添加本地上传图片功能
- PHP ckeditor富文本编辑器 结合ckfinder实现图片上传功能
- ckeditor组合ckfinder的配置使用图片上传功能
- ckeditor结合 ckfinder上传图片
- Ckeditor and ckfinder 配置实现截图上传图片到远程服务器
- CKeditor自定义上传图片功能
- Java 设置添加ckeditor图片上传功能
- asp.net项目ckeditor+ckfinder实现图片上传
- 使用ajax,结合jquery,php实现图片上传预览功能
- 启用ckeditor自带的图片上传功能
- CKEditor-4.6.2结合Struts2的使用,加CKEditor图片上传的配置
- ASP.NET项目中使用CKEditor +CKFinder 实现上传图片
- CKEditor粘贴图片上传功能