CKEditor 5 Media library upload broken media file links

Bug

When you upload images using the media library integration in the CKEditor, images are prefixed with the backendUrl as shown in the code from the sourcecode below:

strapi-plugin-ckeditor/admin/src/components/Input/MediaLib/index.js

Line 16 in 2b2932d

    
           let keys = Object.keys(formats).sort((a, b) => formats[a].width - formats[b].width);

Issue

This is causing issues when you upload images to an external provider, such as Azure, amazon s3 etc. Because it will prefix the urls with the backendUrl like so: "http://localhost:1337/https://bucket-name.blob.core.windows.net/conatiner/assets/. Which is obviously incorrect and thus resulting in images not being displayed correctly in the CKEditor.

When you disable the "Responsive friendly upload" from the Strapi Media Library settings. It works as expected, as the code attached above will not use the "srcSet" and thus setting the value to "url" instead. Which omits the issue since that url is not prefixed in the code.

Question

How can we account for this and support external upload providers as well?

Possible duplicates: #124

@kevinvugts Hey, are you still having this problem? I can't reproduce it, tried on AWS S3, and everything seems to work fine for me.

It seems that the issue is no longer relevant