[Bug Report] Paste image from clipboard #77

Closed
opened 2026-02-04 17:01:54 +03:00 by OVERLORD · 8 comments
Owner

Originally created by @mottosso on GitHub (Mar 18, 2021).

Thanks for a great project, been looking a long time for this!

Having come from Trello, one of the things I'm missing after about an hour of use is pasting images from my clipboard. My typical workflow is..

  1. Make card
  2. Type something out
  3. Paste image

Without clipboard support, I'll need a few more steps.

  1. Make card
  2. Type something out
  3. Paste image in Paint (on Windows)
  4. Save image to disk
  5. Navigate to save folder
  6. Drag-and-drop image

And it's a real pain. :D I'd be happy to try and take a look myself, even though my JavaScript skills are limited. Any thoughts, or existing plans to integrate something like this?

Originally created by @mottosso on GitHub (Mar 18, 2021). Thanks for a great project, been looking a long time for this! Having come from Trello, one of the things I'm missing after about an hour of use is pasting images from my clipboard. My typical workflow is.. 1. Make card 2. Type something out 3. Paste image Without clipboard support, I'll need a few more steps. 1. Make card 2. Type something out 3. Paste image in Paint (on Windows) 4. Save image to disk 5. Navigate to save folder 6. Drag-and-drop image And it's a real pain. :D I'd be happy to try and take a look myself, even though my JavaScript skills are limited. Any thoughts, or existing plans to integrate something like this?
OVERLORD added the bug label 2026-02-04 17:01:54 +03:00
Author
Owner

@meltyshev commented on GitHub (Mar 18, 2021):

Hi! Amazing little feature to speed up the work process.

@meltyshev commented on GitHub (Mar 18, 2021): Hi! Amazing little feature to speed up the work process.
Author
Owner

@nickbe commented on GitHub (Mar 19, 2021):

And it's already working for a long time now. At least for me it does.
Please copy an image to your clipboard and press Ctrl-V when you're somewhere inside a card. I'm doing this all day long currently and it would make me really wonder if this is not working out of the box right now.

@nickbe commented on GitHub (Mar 19, 2021): And it's already working for a long time now. At least for me it does. Please copy an image to your clipboard and press Ctrl-V when you're somewhere inside a card. I'm doing this all day long currently and it would make me really wonder if this is not working out of the box right now.
Author
Owner

@mottosso commented on GitHub (Mar 19, 2021):

And.. so it does! How strange, the first time I did it it prompted me to create a new file. Both attempts were on Firefox, Windows. I'll keep an eye out, closing this in the meantime. Thanks!

@mottosso commented on GitHub (Mar 19, 2021): And.. so it does! How strange, the first time I did it it prompted me to create a new file. Both attempts were on Firefox, Windows. I'll keep an eye out, closing this in the meantime. Thanks!
Author
Owner

@mottosso commented on GitHub (Mar 19, 2021):

Ah, yes. Here it is.

Steps to reproduce.

  1. Right-click on your profile picture here on GitHub
  2. Choose "Copy Image"
  3. Ctrl-V inside a card
  4. Here's what I see.

image

When I on the other hand..

  1. Use Win + Shift + S snipping tool (Windows)
  2. Paste inside of a card
  3. It works

Very odd, I suppose the MIME type is different between the two?

@mottosso commented on GitHub (Mar 19, 2021): Ah, yes. Here it is. Steps to reproduce. 1. Right-click on your profile picture here on GitHub 2. Choose "Copy Image" 3. Ctrl-V inside a card 4. Here's what I see. ![image](https://user-images.githubusercontent.com/2152766/111703530-b2d6d500-8835-11eb-9b4d-858fd595fc6a.png) When I on the other hand.. 1. Use Win + Shift + S snipping tool (Windows) 2. Paste inside of a card 3. It works Very odd, I suppose the MIME type is different between the two?
Author
Owner

@nickbe commented on GitHub (Mar 19, 2021):

There's definetely something wrong with the mime type here. Just open a real image and copy the whole or part of the image - or make a screenshot in windows. All of these image types can be inserted into PLANKA.

The example you just showed us is the first of its kind. I've never found something like this before.

@nickbe commented on GitHub (Mar 19, 2021): There's definetely something wrong with the mime type here. Just open a real image and copy the whole or part of the image - or make a screenshot in windows. All of these image types can be inserted into PLANKA. The example you just showed us is the first of its kind. I've never found something like this before.
Author
Owner

@mottosso commented on GitHub (Mar 19, 2021):

Mm, the workaround I'll employ for now is to take a screenshot/snippet of an image, rather than copying it outright. Copying and pasting an image works in Trello though, so it it technically possible.

And for completeness, the issue appears whenever you right-click to copy any image from a browser, both Firefox and Edge. Pasting in Trello is OK, into Planka is not OK.

Interestingly, copying an image from both Paint and Photoshop (CS6) does work with Planka. So browsers must be doing something funny here.

@mottosso commented on GitHub (Mar 19, 2021): Mm, the workaround I'll employ for now is to take a screenshot/snippet of an image, rather than copying it outright. Copying and pasting an image works in Trello though, so it it technically possible. And for completeness, the issue appears whenever you right-click to copy any image from a browser, both Firefox and Edge. Pasting in Trello is OK, into Planka is not OK. Interestingly, copying an image from both Paint and Photoshop (CS6) *does* work with Planka. So browsers must be doing something funny here.
Author
Owner

@nickbe commented on GitHub (Mar 19, 2021):

Ah yes confirmed. What i get is something like that:

<html>
<body>
<!--StartFragment--><img src="https://user-images.githubusercontent.com/2152766/111703530-b2d6d500-8835-11eb-9b4d-858fd595fc6a.png" alt="image"/><!--EndFragment-->
</body>
</html>

I think Maks will be able to fix this - maybe it's just something not being specifically mentioned and documented in one of the used libraries. Thanks for bringing our attention to this.

@nickbe commented on GitHub (Mar 19, 2021): Ah yes confirmed. What i get is something like that: ``` <html> <body> <!--StartFragment--><img src="https://user-images.githubusercontent.com/2152766/111703530-b2d6d500-8835-11eb-9b4d-858fd595fc6a.png" alt="image"/><!--EndFragment--> </body> </html> ``` I think Maks will be able to fix this - maybe it's just something not being specifically mentioned and documented in one of the used libraries. Thanks for bringing our attention to this.
Author
Owner

@meltyshev commented on GitHub (Mar 20, 2021):

A copied file from the browser stores as files property. But copied from another place - as items property with the file kind. I don't know why that difference. Fixed, thanks for reporting this. New Docker image will be available in ~2 hours.

@meltyshev commented on GitHub (Mar 20, 2021): A copied file from the browser stores as [files](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/files) property. But copied from another place - as [items](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/items) property with the file kind. I don't know why that difference. Fixed, thanks for reporting this. New Docker image will be available in ~2 hours.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/planka#77