CKeditor5 富文本框图片上传的坑

卡死着，上传成功但是富文本框没有图片路径

ClassicEditor

    .create( editorElement, {

        ckfinder: {

            uploadUrl: 'abc'

        }

    } )

    .then( ... )

    .catch( ... );

看完api

DecoupledEditor
    .create( document.querySelector( '.document-editor__editable' ),  {
        language: 'zh-cn',
        content: 'zh-cn',
        extraPlugins: [MyCustomUploadAdapterPlugin],
       /* ckfinder: {  //上传文件
            uploadUrl: '/app/common/uploadFile',
        }*/

    })
    .then( editor => {
        const toolbarContainer = document.querySelector( '.document-editor__toolbar' );

        toolbarContainer.appendChild( editor.ui.view.toolbar.element );
        window.editor = editor;
        data = editor.getData();
        // 这个地方加载了适配器
        editor.plugins.get( 'FileRepository' ).createUploadAdapter = ( loader ) => {
            return new MyUploadAdapter( loader );
        };


    } )
    .catch( error => {
        console.error( error );
    } );

    class MyUploadAdapter {
    constructor( loader ) {
       this.loader = loader;
    }

    // Starts the upload process.
    upload() {
        return this.loader.file
            .then( file => new Promise( ( resolve, reject ) => {
                this._initRequest();
                this._initListeners( resolve, reject, file );
                this._sendRequest( file );
            } ) );
    }

    // Aborts the upload process.
    abort() {
        if ( this.xhr ) {
            this.xhr.abort();
        }
    }
    _initRequest() {
        const xhr = this.xhr = new XMLHttpRequest();
        xhr.open( 'POST', '路径', true );
        xhr.responseType = 'json';//返回值json格式
    }


    _initListeners( resolve, reject, file ) {
        const xhr = this.xhr;
        const loader = this.loader;
        const genericErrorText = `Couldn't upload file: ${ file.name }.`;

        xhr.addEventListener( 'error', () => reject( genericErrorText ) );
        xhr.addEventListener( 'abort', () => reject() );
        xhr.addEventListener( 'load', () => {
            const response = xhr.response;
            if ( !response || response.error ) {
                return reject( response && response.error ? response.error.message : genericErrorText );
            }
            resolve( {
                default: response.imgUrl
            } );
        } );


        if ( xhr.upload ) {
            xhr.upload.addEventListener( 'progress', evt => {
                if ( evt.lengthComputable ) {
                    loader.uploadTotal = evt.total;
                    loader.uploaded = evt.loaded;
                }
            } );
        }
    }


    _sendRequest( file ) {
        const data = new FormData();
        data.append( 'upload', file );
        this.xhr.send( data );
    }
}

    // ...
function MyCustomUploadAdapterPlugin( editor ) {
    editor.plugins.get( 'FileRepository' ).createUploadAdapter = ( loader ) => {
        return new MyUploadAdapter( loader );
    };
}