1.首先下载ckeditor4.6.2

2.编辑器不提供直接选择图片上传，我们先修改\plugins\image\dialogs模录下的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 \Think\Upload();// 实例化上传类

         $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>";

        }

    }