原文地址:http://blog.csdn.net/wei365456yin/article/details/54618970?locationNum=5&fps=1
1.首先下载ckeditor4.6.2 2.编辑器不提供直接选择图片上传,我们先修改pluginsimagedialogs模录下的image.js搜索“upload”可以找到这一段 id:'Upload',hidden:true 3.删除image.js中d.config.image_previewText||"...",把这个引号里的内容那个删除,这引号的内容就是预览框中的文字。 4.为编辑器设置上传路径 方法一: 在html页面,就是放编辑器的那个页面,添加定义,就是图片上传到的路径,“/控制器/方法名” CKEDITOR.replace( 'editor', { filebrowserImageUploadUrl : '{:U('Admin/img/ck_upload')}' }); 方法二:修改编辑器的config.js,加入config.filebrowserUploadUrl="上传路径"; 5.在相对应的控制器下创建该方法 function ck_upload($ftype = 'image') { $upload = new ThinkUpload();// 实例化上传类 $upload->maxSize = 3145728 ;// 设置附件上传大小 $upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型 $upload->rootPath = './Public/Uploads/'; // 设置附件上传根目录 // 上传单个文件 $info = $upload->uploadOne($_FILES['upload']); if( $info){ $desname =$info['savepath'].$info['savename']; $previewname =" http://127.0.01/tym/Public/Uploads/".$desname; $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>"; } }