CKEditor 4 是一款好用的富文本编辑器(官网下载地址),但是今天发现默认并没有截图上传功能，经一番研究终于成功了。

1.首先安装好次插件官网有详细教程，在此忽略。

2.下载插件Image Paste备用 （下载地址）。

3.下载插件Upload Image备用（下载地址）。

4.安装插件，把上面下载的两个插件放到ckeditor根目录下的plugins目录下。

5.在ckeditor/config.js中配置使用这两个插件。

6.创建Tp6后端图片上传处理。

首先说明后端需要返回数据的json格式。

成功格式：

失败格式：

创建控制器接收保存截图上传图片，并返回json数据。

    //图片上传
    public function Uploads()
    {
        $file = request() -> file('upload');
        if(!$file){
            return json(['uploaded'=>'1','fileName'=>'none.jpg','url'=>'/index/index/uploads','error'=>['message'=>'上传图片为空！']]);
        }
        $saveName = \think\facade\Filesystem::disk('public') -> putFile('/uploads/blogPaste/', $file, 'md5');
        $saveName ='/storage/'.str_replace('\\', '/', $saveName);
        return json(['uploaded'=>'1','fileName'=>$file->getFilename(),'url'=>$saveName]);
    }

8.清理缓存，重新打开编辑器页面，截图复制上传成功！