我们下载完整版

4.7图片参数一下

 1 
<script src="__JS__/ckeditor/ckeditor.js"></script>
 2 
<!--<script src="//cdn.ckeditor.com/4.7.1/basic/ckeditor.js"></script>-->
 3 
<div class="input-group col-sm-8">
 4 
   <textarea id="ckeditor" cols="20" rows="2" name="ckeditor" class="ckeditor"></textarea>
 5 
  </div>
 6 
 </div>
 7 

 8 
 <script type="text/java script">
 9 

 10 

 11 
   var ckd= CKEDITOR.replace( 'ckeditor',
 12 
   {
 13 
    toolbar : 'Basic'
 14 

 15 

 16 
   });
 17 

 18 
</script>

看是否开启本地上传，默认本地上传没有开启；

找到ckeditor/plugins/image/dialogs/image.js文件 打开

然后搜索 id:"Upload",hidden 默认值是!0 我们改成0即可

下面配置config.js，"提示这个JS,CKEditor自动加载无需引入"

配置代码

 1 
CKEDITOR.editorConfig = function( config ) {
 2 
    config.toolbarGroups = [
 3 
        '/',
 4 
        '/',
 5 
        '/',
 6 

 7 
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
 8 
        { name: 'links', groups: [ 'links' ] },
 9 
        { name: 'insert', groups: [ 'insert' ] },
 10 
        { name: 'styles', groups: [ 'styles' ] },
 11 
        { name: 'colors', groups: [ 'colors' ] },
 12 
        { name: 'tools', groups: [ 'tools' ] },
 13 
        { name: 'about', groups: [ 'about' ] }
 14 
    ];
 15 
    config.filebrowserUploadUrl="/file/uploadimg";
 16 
    //filebrowserUploadUrl
 17 
    config.image_previewText=' ';
 18 
    config.baseFloatZIndex = 1990000010;
 19 
    config.removeButtons = 'Undo,Scayt,Bold,Styles,Outdent,NumberedList,RemoveFormat,Maximize,About,Copy,Paste,PasteText,PasteFromWord,Subscript,Superscript,Cut';
 20 
};

上PHP代码：

 1 
 public function uploadimg(){
 2 
        $file = request()->file('upload');
 3 

 4 
        // 移动到框架应用根目录/public/uploads/ 目录下
 5 
        $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
 6 
        if($info){
 7 
            // 成功上传后 获取上传信息
 8 
            // 输出 jpg
 9 
            $file=str_replace("\\", "/", $info->getSaveName());
 10 
            $previewname='http://'.$_SERVER['HTTP_HOST']."/uploads/".$file;
 11 
            $callback = $_REQUEST["CKEditorFuncNum"];
 12 
            echo "<script type='text/java script'>window.parent.CKEDITOR.tools.callFunction($callback,'".$previewname."','');</script>";
 13 

 14 
        }else{
 15 
            // 上传失败获取错误信息
 16 
            echo "<font color=\"red\"size=\"2\">*文件格式不正确（必须为.jpg/.gif/.bmp/.png文件）</font>";
 17 

 18 

 19 
        }
 20 
    }