UEditor学习

拉取远程图片上传oss

serverUrl: "/upload",//服务器主要地址,默认为URL + "php/controller.php"
catcherActionName:'catcher',//服务器上传的action,用于区分不同的上传标识
catcherFieldName:'file',//服务器上传的name
catcherUrlPrefix:"",//前缀

在controller.php中设置不同的action和返回,在Uploader.class.php文件中用拉取远程图片方法为saveRemote();

上传目录注释掉,上传到OSS,其中$img为文件内容,返回url

$bucket = $img;
$ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint);
$ossClient->putObject($bucket, $object, $filePath);

成功后返回网址和成功标识

$this->stateInfo = $this->stateMap[0];
$this->fullName = $url;

layui和工具栏浮动冲突,修改了滑动事件,来进行浮动

//编辑器距离顶部高度
    let top_container = $('.detail').offset().top;
    //头部高度
    let header_height = $('.layui-header').height();
    $('.layui-body').scroll(function() {
        let scroll_H = $('.layui-body').scrollTop();  //滚动高度

        if (scroll_H > (top_container - header_height)) {
            $('#edui1_toolbarbox').css({'z-index': 20000001,'position' : 'fixed', 'top' : '60px', 'height' : '103px', 'width' : '698px'})
        } else {
            $('#edui1_toolbarbox').attr('style', '');
        }
    });