Issues pasting images into rich text editor

I am experiencing a number of issues related to pasting images into the rich text editor. These do not happen when using drag/drop to insert images.


#1 uploading images

When I paste an image into the rich text editor, the `imageUploading` event is firing (I use this to set `withCredentials`).

However, `imageUploadSuccess` does not fire, so I can't get the name of the image from the API to update the content (as described here), I'm stuck with the random image name generated which is wrong. 

Additionally, the image is uploaded twice. 

Image_4306_1719829339008


#2 removing images

clicking the "delete" icon removes the image from the content, but triggers neither the `imageRemoving` nor `afterImageDelete` events, so I can't delete the image from the server. Is there a different event fired?


Image_3827_1719829120101


#3 success message never disappears

Lastly, once pasted, the success message show above never disappears. Clicking "delete" partially hides it, but leaves some residue (the dotted border remains with 0px height) on top of the toolbar

Image_4021_1719829683041



4 Replies

VY Vinothkumar Yuvaraj Syncfusion Team August 8, 2024 01:50 PM UTC

Hi Chris Hembrow,


Queries 1 and 3: "uploading images and success message never disappears"


We have considered the reported issue "Facing some issues while pasting an image into the RichTextEditor in Firefox" as a bug from our end, and the fix for the issue will be included with our upcoming patch release in mid-August 2024.


Now you can track the status of the reported issue through this feedback,

https://www.syncfusion.com/feedback/59476/facing-some-issues-while-pasting-an-image-into-the-richtexteditor-in-firefox


Query 2 :  "clicking the "delete" icon removes the image from the content, but triggers neither the `imageRemoving` nor `afterImageDelete` events, so I can't delete the image from the server. Is there a different event fired?"


We have considered the reported issue "ImageRemoving event not get triggered when we delete the pasted image from popup in the RichTextEditor" as a bug from our end, and the fix for the issue will be included with our upcoming patch release in mid-August 2024.


Now you can track the status of the reported issue through this feedback,

https://www.syncfusion.com/feedback/59409/imageremoving-event-not-get-triggered-when-we-delete-the-pasted-image-from-popup


Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”


Regards,

Vinothkumar


DP Dhanesh Priya Sankar Syncfusion Team August 16, 2024 12:10 PM UTC

Query 1:  uploading images and success message never disappears

​Feedback:
https://www.syncfusion.com/feedback/59476/

We have included the fix for the issue "uploading images and success message never disappears" with our package version 26.2.9. So, can you please upgrade your package to the latest to resolve the issue from your end?


Sample:  https://stackblitz.com/edit/angular-mguyru-tqx1bt?file=src%2Fapp.component.ts,package.json


Query 2: ImageRemoving event not get triggered when we delete the pasted image from popup in the RichTextEditor


​Feedback: https://www.syncfusion.com/feedback/59409/


We have included the fix for the issue "ImageRemoving event not get triggered when we delete the pasted image from popup in the RichTextEditor" with our package version 26.2.9. So, can you please upgrade your package to the latest to resolve the issue from your end?


Release notes:  https://ej2.syncfusion.com/angular/documentation/release-notes/26.2.4?type=all#richtexteditor

Sample:
https://stackblitz.com/edit/angular-mguyru-tqx1bt?file=src%2Fapp.component.ts,package.json



CH Chris H August 19, 2024 09:47 AM UTC

Hello. I can confirm that the updated v26 resolves (most of) these issues. 




SS Selvakumar Subramani Syncfusion Team August 21, 2024 10:38 AM UTC

Hi Chris Hembrow

Thanks for the update. Please get back to us if you need any further assistance.


Loader.
Up arrow icon