结合CKFinder,给CKEditor加上上传图片功能
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>
结合CKFinder,给CKEditor加上上传图片功能相关推荐
- CKeditor自定义上传图片功能
CKeditor可以配合CKfinder实现文件的上传及管理.但是往往我们上传的图片需要某些自定义的操作,比如将图片路径写入数据库,图片加水印等等操作. 实现原理:配置CKeditor的自定义图标,单 ...
- [ckeditor系列]CKeditor自定义上传图片功能
CKeditor可以配合CKfinder实现文件的上传及管理.但是往往我们上传的图片需要某些自定义的操作,比如将图片路径写入数据库,图片加水印等等操作. 实现原理:配置CKeditor的自定义图标,单 ...
- ckeditor php 上传图片_ckeditor 4上传图片功能配置方法
ckeditor 4上传图片功能配置方法 发布于 2015-01-04 10:04:08 | 2375 次阅读 | 评论: 2 | 来源: PHPERZ CKEditor网页编辑器CKEditor 即 ...
- ckfinder php 配置,PHP中Ckeditor+Ckfinder配置图片上传功能_PHP教程
从标题来看我们知道Ckeditor不支持图片上传功能,它是需要一个组件Ckfinder才可以支持上传图片, 本文章就来详细的介绍了如何配置Ckeditor+Ckfinder实现图片上传的功能. 第一: ...
- CkEditor批量上传图片(java)
CKEditor上传视频 CKEditor批量上传图片 flvplayer.swf播放器 CKEditor整合包(v4.6.1) ----------------------------------- ...
- CKEditor和CKFinder及CKEditor配置属性说明
最近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这 ...
- ckeditor3.0.1上传图片功能(.net版本)
ckeditor3.0.1上传图片功能 ckeditro中本身没有带上传功能,那就要用到组件 Ckfinder 下载地址 http://ckfinder.com/ 别下错了 是.net版本的 配置就简 ...
- CKfinder 和 CKEditor 在 ASP.NET 下的配置
A配置 CKfinder 和 CKEditor 不需要配置,直接拷贝就好.CKfinder 有个bin需要引用,位置就在文件夹下 B因为安全原因,文件不可浏览.请联系系统管理员并检查CKFinder配 ...
- wcf 返回图片_WCF实现上传图片功能
初次学习实现WCF winform程序的通信,主要功能是实现图片的传输. 下面是实现步骤: 第一步: 首先建立一个类库项目TransferPicLib,导入wcf需要的引用System.Service ...
最新文章
- [Google API](2)什么是google API
- UVa 11388 - GCD LCM
- 技术人生“白天求生存,晚上谋发展”
- linux slf4j.rpm,Centos下安装nginx rpm包
- 海南关于推荐扬尘监控系统的通知_实时监管!定州对44家混凝土搅拌企业实施远程视频监控...
- pythonm 用法-------list实现购物车
- Sql Server2005 Transact-SQL 新兵器学习总结之-PIVOT和UNPIVOT运算符
- CCNA实验:实验一:思科设备基本配置
- 学计算机的制作水印,如何设置属于自己的水印,电脑上制作属于自己的文字水印...
- 正式版苹果雪豹操作系统光盘镜像
- hover出不来是什么原因css,关于css的:hover失效问题
- 动态内存管理(开辟以及释放动态内存空间)
- iPhone 8 和 8 Plus 发布!双面全玻璃设计,配置提升
- 记录一些视频直播测试地址 rtmp rtsp http
- windows10 设定和取消定时关机
- python图片转黑白_python实现彩照转黑白以及图片转素描画
- SIP与RTP综合应用
- HBuilder HTML
- Chrome开发人员工具的使用-Elements页面
- 数论小白都能看懂的平面凸包详解
热门文章
- Hadoop---HDFS相关命令
- 第1章 Ext JS快速入门示例[4/4]
- antd select option 设置字体颜色_匹配颜色是照片合成重要关键点
- c语言由n个斐波纳函数,6、C语言 —— 字符串
- Problem Statement
- springmvc请求返回一个字符_Spring MVC框架详解01
- xctf php序列化,xctf一道反序列化题
- mysql加密复制_MySQL主从复制使用SSL加密
- IBM AIX RISC System/6000 Error: 110: Media surface error错误处理
- Oracle触发器5-Instead of触发器