Estaba usando Froala 3.2.1 y cuando copié imágenes de sitios cuya propiedad src comienza con " blob:https://example.com/image-id ", pega la imagen correctamente y comienza a cargar el contenido en mi servidor.
Sin embargo, en las últimas versiones (4.0.12), cuando copio este tipo de imagen (clic derecho > copiar imagen) y la pego en Froala, simplemente agrega la imagen rota, sin intentar cargarla. Otra cosa que noté es que ahora Chrome muestra un mensaje de error, que si vuelvo a 3.2.1 no ocurre.
A continuación se muestra el HTML generado por Froala al pegar la imagen:
<img data-fr-image-pasted="true" src="blob:https://example.com/id-id-id-id-id" style="width: 300px; display: block; float: none; vertical-align: top; margin: 5px auto; text-align: center;">Incluso el código que sugieren para convertir una imagen pegada a base64 no se activa con este tipo de contenido.
Este es el error que muestra Chrome:
Not allowed to load local resource: blob:https://example.com/id-id-id-id-idUso el siguiente código para generar el editor.
var editor = new FroalaEditor('div#froala-editor', { imageUploadURL: 'https:/example.com/uploadImage', /*Use to test upload image to server*/ imageUploadRemoteUrls: true, /*Use to test upload image to server*/ events: { "image.beforeUpload": function (files) { var editor = this; if (files.length) { // Create a File Reader. var reader = new FileReader(); // Set the reader to insert images when they are loaded. reader.onload = function (e) { var result = e.target.result; editor.image.insert(result, null, null, editor.image.get()); }; // Read image as base64. reader.readAsDataURL(files[0]); } editor.popups.hideAll(); // Stop default upload chain. return false; } } });¿Qué se puede hacer para corregir este comportamiento?