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加上上传图片功能相关推荐

  1. CKeditor自定义上传图片功能

    CKeditor可以配合CKfinder实现文件的上传及管理.但是往往我们上传的图片需要某些自定义的操作,比如将图片路径写入数据库,图片加水印等等操作. 实现原理:配置CKeditor的自定义图标,单 ...

  2. [ckeditor系列]CKeditor自定义上传图片功能

    CKeditor可以配合CKfinder实现文件的上传及管理.但是往往我们上传的图片需要某些自定义的操作,比如将图片路径写入数据库,图片加水印等等操作. 实现原理:配置CKeditor的自定义图标,单 ...

  3. ckeditor php 上传图片_ckeditor 4上传图片功能配置方法

    ckeditor 4上传图片功能配置方法 发布于 2015-01-04 10:04:08 | 2375 次阅读 | 评论: 2 | 来源: PHPERZ CKEditor网页编辑器CKEditor 即 ...

  4. ckfinder php 配置,PHP中Ckeditor+Ckfinder配置图片上传功能_PHP教程

    从标题来看我们知道Ckeditor不支持图片上传功能,它是需要一个组件Ckfinder才可以支持上传图片, 本文章就来详细的介绍了如何配置Ckeditor+Ckfinder实现图片上传的功能. 第一: ...

  5. CkEditor批量上传图片(java)

    CKEditor上传视频 CKEditor批量上传图片 flvplayer.swf播放器 CKEditor整合包(v4.6.1) ----------------------------------- ...

  6. CKEditor和CKFinder及CKEditor配置属性说明

    最近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这 ...

  7. ckeditor3.0.1上传图片功能(.net版本)

    ckeditor3.0.1上传图片功能 ckeditro中本身没有带上传功能,那就要用到组件 Ckfinder 下载地址 http://ckfinder.com/ 别下错了 是.net版本的 配置就简 ...

  8. CKfinder 和 CKEditor 在 ASP.NET 下的配置

    A配置 CKfinder 和 CKEditor 不需要配置,直接拷贝就好.CKfinder 有个bin需要引用,位置就在文件夹下 B因为安全原因,文件不可浏览.请联系系统管理员并检查CKFinder配 ...

  9. wcf 返回图片_WCF实现上传图片功能

    初次学习实现WCF winform程序的通信,主要功能是实现图片的传输. 下面是实现步骤: 第一步: 首先建立一个类库项目TransferPicLib,导入wcf需要的引用System.Service ...

最新文章

  1. [Google API](2)什么是google API
  2. UVa 11388 - GCD LCM
  3. 技术人生“白天求生存,晚上谋发展”
  4. linux slf4j.rpm,Centos下安装nginx rpm包
  5. 海南关于推荐扬尘监控系统的通知_实时监管!定州对44家混凝土搅拌企业实施远程视频监控...
  6. pythonm 用法-------list实现购物车
  7. Sql Server2005 Transact-SQL 新兵器学习总结之-PIVOT和UNPIVOT运算符
  8. CCNA实验:实验一:思科设备基本配置
  9. 学计算机的制作水印,如何设置属于自己的水印,电脑上制作属于自己的文字水印...
  10. 正式版苹果雪豹操作系统光盘镜像
  11. hover出不来是什么原因css,关于css的:hover失效问题
  12. 动态内存管理(开辟以及释放动态内存空间)
  13. iPhone 8 和 8 Plus 发布!双面全玻璃设计,配置提升
  14. 记录一些视频直播测试地址 rtmp rtsp http
  15. windows10 设定和取消定时关机
  16. python图片转黑白_python实现彩照转黑白以及图片转素描画
  17. SIP与RTP综合应用
  18. HBuilder HTML
  19. Chrome开发人员工具的使用-Elements页面
  20. 数论小白都能看懂的平面凸包详解

热门文章

  1. Hadoop---HDFS相关命令
  2. 第1章 Ext JS快速入门示例[4/4]
  3. antd select option 设置字体颜色_匹配颜色是照片合成重要关键点
  4. c语言由n个斐波纳函数,6、C语言 —— 字符串
  5. Problem Statement
  6. springmvc请求返回一个字符_Spring MVC框架详解01
  7. xctf php序列化,xctf一道反序列化题
  8. mysql加密复制_MySQL主从复制使用SSL加密
  9. IBM AIX RISC System/6000 Error: 110: Media surface error错误处理
  10. Oracle触发器5-Instead of触发器