CKEditor 5 Media library upload broken media file links

[kevinvugts]

trafficstars

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:

https://github.com/nshenderov/strapi-plugin-ckeditor/blob/2b2932ddebc0801cb4a1c50f484da471012b8dd7/admin/src/components/Input/MediaLib/index.js#L16

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