Feature: Paste image from clipboard in editor

While writing a blog post with Ghost i sometimes use the Windows/Ubuntu Snippet tool to copy images or make screenshots.

Current steps to add an image

1. Open snippet tool
2. Select area to copy
3. Save image to folder
4. Open editor and press Ctrl + Shift + I to add image tag
5. Click on the image preview
6. Open popup, navigate to folder and choose image
7. Image added

With paste support from clipboard these steps are reduced to

1. Open snippet tool
2. Select area to copy
3. Open editor and press Ctrl + V
4. Image added

I’ve written a plugin which allows users to paste content from the clipboard in a textarea or editors like CodeMirror. This plugin can be used, or only use the code which is relevant for the textarea editor.

Right now most browsers lack the support for listening to paste events, only Chrome supports it natively, Firefox works with some ugly hacks. I’m also not sure how pasting images would work on mobile.

If this feature is accepted then i can implement it and base it on #4373.

As an extra adding drag-drop support is fairly simple with these changes, it only requires hooking into a few native drag events. Both the drag and paste event have a FileList available from which to read the files.

[hedefalk]

For reference, there’s the github functionality that’s closed source I guess, and there’s an Atom plugin, https://atom.io/packages/markdown-image-helper and a vscode one: https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image

I would want it to work like the github one, when typing this on OSX I just hit cmd-shit-4, mark an area and paste it with cmd-v:

turns to an ajax upload and inserted markdown image. It’s like zillion times better than file handling , drag and drops for productivity. It’s really sub-second compared to at least tens of seconds to grab a file.

PS. there’s a setting in osx to make screenshots go to clipboard instead of png’s on desktop.

[ErisDS]

I think it makes sense to close this and #6897 in favour of #7429 (the epic issue for the new editor). We can reopen them once the new editor is shipped, if these features don’t make it into the first iteration.