CKEditor 5 Paste from Word: image disappeared when reopening Edit tab

vinaik → made their first commit to this issue’s fork.

Hi,

I was unable to reproduce this issue. I tried to reproduce the issue on Mac Sonoma 14.4.1 and Drupal 10.2.7-dev

I have attached screenshots for reference.

1. source-mode.png
2.edit-mode.png
3.view-mode.png

Hi, @vinaik, thank you for your quick response.
Could you try the Steps to reproduce ?
1. Open TextAndImgForPasteTest.docx, copy text and image, paste it into CKEditor 5 field of Edit tab, and save the content.
2. Go to View tab, the image is appeared correctly.
3. Go to Edit tab, the image is disappeared.

It looks you just uploaded "Screenshot%202024-05-16%20at%202.57.40%E2%80%AFPM.png" (shown on source-mode.png) with "Upload image" icon. In that way, you cannot reproduce this issue.

Best regards,

Hello kubokura,

I tried to reproduce the issue as the steps you mentioned but still i am not able to reproduce the issue.
Kindly refer to the attached recording video.

Thanks!

Hello, @vinaik, thank you for attaching the video file, that helps a lot.
Could you select "Full HTML" at the Text format field, and try the steps again?
I confirmed the issue was not reproduced when I selected "Basic HTML" as your operation in the video.

Please try the reproduce steps of #8 🐛 CKEditor 5 Paste from Word: image disappeared when reopening Edit tab Active .

Fixes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies. Also, 10.2 is in security mode now.

Help request - I didn't know you could paste from a docx etc, so I tried it using the test file (TextAndImgForPasteTest.docx)
I cannot get the image to be pasted/saved (I can upload images using the normal media upload route).

After paste the ckeditor source is:

<p class="western" style="line-height:100%;margin-bottom:0cm;">
    This<img src="file:///tmp/lu163963bh9t.tmp/lu163963bhcm_tmp_e67916f350c6bf59.jpg" name="Picture 3" align="bottom" width="172" height="129" border="0"> is a jpeg image
</p>

The text is present and the image is shown as a square with 'broken image' icon and 'HTML object' as a highlight.

Looking at the console it immediately shows:
Security Error: Content at https://mydomain/node/199/edit?destination=/admin/content may not load or link to file:///tmp/lu163963bh9t.tmp/lu163963bhcm_tmp_e67916f350c6bf59.jpg.

I looked in drupaldata/xxx/tmp and it shows a recent update time on tmp which may be the file trying to be saved by ckeditor?
(no new files present)

I can't see any obvious issue with perms.
Same issue with basic html as with full html
Can anyone say what should happen - I believe the image should end up in sites/default/files/inline-images?

I have also encountered this issue, and I wanted to note that you can replicate it on https://simplytest.me/.
I was specifically looking into pasting images from Word, which is the key to replicating the issue.
If you enable source editing you can even see the difference in image support. For instance, I can copy a gravatar from github the src is retained, but if I copy an image from word the src is immediately removed.