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 );
 };
}