CKEditor文件上传
来源:互联网 发布:各国历年gdp数据 编辑:程序博客网 时间:2024/06/05 16:57
CKEditor编辑器的工具栏中初始的时候应该是这样子的,没有图片上传按钮
并且预览中有一堆火星文,可以修改相应配置删除它。
第一种方法:打开ckeditor/plugins/image/dialogs/image.js文件,搜索“b.config.image_previewText”,(b.config.image_previewText||'')单引号中的内容全删了,注意别删多了。(由于ckeditor的很多js文件都是压缩过的,格式很难看,很容易删错,所以不推荐此种方法)
第二种方法:打开config.js文件,加入下面一句话
config.image_previewText=' '; //预览区域显示内容
接下来就是action中的上传方法:
config.js
最后上传图片成功
PS:不同版本实现的方法与效果可能不太一样,只作参考。
下面研究图片上传
要想出现上传按钮,两种方法
第一种:还是刚才那个image.js
搜索“upload”可以找到这一段 id:'Upload',hidden:true,而我使用的4.3的是
搜索“upload”可以找到这一段 id:'Upload',hidden:true,而我使用的4.3的是
id:"Upload",hidden:!0,反正改为false就行了,(遗憾的是此种方法对我这个版本不起作用)
第二种:打开config.js文件,加入下面一句话
config.filebrowserImageUploadUrl= "admin/UserArticleFileUpload.do"; //待会要上传的action或servlet
OK现在基本上是下面这个样子的了
OK现在基本上是下面这个样子的了
上面的只是一个上传页面。也就相当于一个HTML的form表单,
要配置点击"上传到服务器上"按钮后请求的Action。已在ckeditor/config.js中配置。
就是上面的 config.filebrowserImageUploadUrl = "admin/UserArticleFileUpload.do";
可使用chrome审查元素查看代码
接下来就是action中的上传方法:
config.js
最后上传图片成功
PS:不同版本实现的方法与效果可能不太一样,只作参考。
项目完整源码下载:http://download.csdn.net/detail/itmyhome/7851265
0 0
- CKEditor文件上传
- ckeditor文件上传
- ckeditor 上传文件
- ckeditor上传文件
- ckeditor 文件上传
- CKEditor文件上传
- ckeditor 的文件上传功能
- CKEditor,CKFinder实现文件上传
- grails ckeditor上传文件,中文名称乱码解决方法
- ckeditor实现上传图片,flash等文件。
- CKEditor 上传文件后返回的内容
- ckeditor finderphp整合 php实现文件上传
- Yii整合Ckeditor和Ckfinder上传文件
- CKEditor 上传文件后返回的内容
- CKEditor/FCKEditor 使用-集成 CKFinder(上传文件、浏览文件)
- 【CKEditor 】CKEditor 图片的上传
- 【CKEditor 】CKEditor 图片的上传
- [CKEditor那点事儿]使用java开发ckeditor的文件上传功能
- 170514 逆向-IDC脚本一例
- 一、Java多线程和高并发
- Linux:Linux常用网络指令
- Pycharm 亲测可用的在线注册
- Mybatis 接口编程中dao 层接口没有注解和<bean> 为什么能被实例化为bean??
- CKEditor文件上传
- iOS 免越狱修改微信运动步数
- StringUtils 方法总结
- 在ASP.NET MVC 中获取当前URL、controller、action
- 痛与教训,我所亲历的3个失败游戏创业公司
- [李景山php] 深入理解PHP内核[读书笔记]--第四章:函数的实现 --函数间的转换
- MongoDB-update
- Android缓存工具类
- 安装composer