TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
这篇文章主要介绍了TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法,结合实例形式分析了thinkPHP3.2.3框架使用CKeditor编辑器相关配置方法与操作注意事项,需要的朋友可以参考下
本文实例讲述了TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法。分享给大家供大家参考,具体如下:
最近项目里要添加编辑器,以为CKeditor比较出名,所以研究了一下。。。
1、下载编辑器什么的不用说了
2、修改config配置文件
1 2 | config.image_previewText= ' ' ; config.filebrowserImageUploadUrl = 'uploadFiles' ; |
添加这两行代码,上面的是去除预览中的一堆没有用的东西,下面的是上传文件的方法名,
注意:::方法名是和你页面展示在一个控制器里的
3、控制器里添加如下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | //编辑器上传图片处理 public function uploadFiles() { $upload = new \Think\Upload(); // 实例化上传类 $upload ->maxSize = 3145728 ; // 设置附件上传大小 $upload ->exts = array ( 'jpg' , 'gif' , 'png' , 'jpeg' ); // 设置附件上传类型 $upload ->rootPath = './Uploads/img/' ; // 设置附件上传根目录 // 上传单个文件 $info = $upload ->uploadOne( $_FILES [ 'upload' ]); if ( $info ){ $desname = $info [ 'savepath' ]. $info [ 'savename' ]; $callback = $_REQUEST [ "CKEditorFuncNum" ]; echo "<script type= 'text/javascript' >window.parent.CKEDITOR.tools.callFunction( $callback , '".$previewname."' , '' );</script>"; } else { echo "<font color=\"red\"size=\"2\">*文件格式不正确(必须为.jpg/.gif/.bmp/.png文件)</font>" ; } } |
然后就没有然后了。。。
那个,HTML页面引入的话,直接引入如下代码:
1 2 3 | < script type = "text/javascript" src = "__PUBLIC__/ckeditor/ckeditor.js" ></ script > < textarea rows = "30" cols = "50" name = "body" ></ textarea > < script type = "text/javascript" >CKEDITOR.replace('body');</ script > |
不过样式什么的我没有配置,大家自主发挥一下想象吧