Tiddlywiki5: Paste from clipboard

[twMat]

I would like to be able to paste images from the clipboard/memory into tiddlers. Possibly onto the drawing canvases that you get by setting tiddler type to image, but ideally straight into the default editor textarea. For a digital notebook, this is a reasonable feature IMO.

Maybe these are viable routes:

• https://codepen.io/netsi1964/pen/IoJbg
• https://gist.github.com/Buildstarted/4577472
• https://www.lucidchart.com/techblog/2014/12/02/definitive-guide-copying-pasting-javascript/

[Jermolene]

Hi @twMat not sure if you know, but Chrome does already support pasting; click on the page background and then use the menu or keyboard shortcut to trigger paste, and the pasted item will be imported as a new tiddler.

Making things work in other browsers would indeed be useful, but last time I looked the prospects were not good. (Copying to the clipboard has got a lot better supported, though, and we should probably add a message or widget for it).

[twMat]

Ah - I did not know this! Great!

And on my Win10 it actually works in both Chrome, FF and Edge! Not IE.

Thanks @Jermolene . Closing.

[Jermolene]

Pretty neat that it works in Firefox and Edge, that's new. I've updated the docs.

[ldorigo]

Hi!

Sorry to reopen this old issue, but I cannot get this to work, neither on Chrome nor on any browser I tried (Firefox, Safari, Opera). What I'm doing is taking a screenshot (with macOS, that copies it to the clipboard) and trying to paste it into a new tiddler I'm making. Nothing seems to happen.

At the moment, the only way there is for me to add a screenshot is:

Save screenshot to a file -> find file on my computer -> drag to TW -> confirm import -> open the new image tiddler -> edit -> change title to something more readable than the auto-generated screenshot name -> confirm -> go to original tiddler -> click on the 'insert image' -> find the image in the list (which is not sorted by date - so it can be quite hard to find) -> finally resume editing.

That's more than 11 steps for something that should be trivial. When using TiddlyWiki to take live notes as I do, it completely breaks the note-taking flow.

So either I'm doing it wrong, or something is broken with the paste feature :)

(I cannot reopen the issue as I'm not a collaborator - could you kindly do so? Otherwise, I will make a new one.)

[Plloi]

@ldorigo I just tested on windows 7 and it still works, so I'd say open a new issue as it may be a mac specific problem.

[Jermolene]

Hi @ldorigo I'm using macOS 10.13.3 and I can paste successfully on Firefox, Safari, Opera and Chrome. The steps I took were:

1. Open tiddlywiki.com in the browser
2. Use Control-Shift-Command-4 to take a screenshot to the clipboard
3. Click within the TiddlyWiki page (eg, the space above the top tiddler)
4. Press Command-V to paste the image
5. Click import to import the image

[ldorigo]

Hi,

Indeed - that works. Sorry, it didn't occur to me that I had to click _outside_ the tiddler I was editing before pasting.

However, that only barely reduces the amount of clicks/work needed to include an image from the clipboard, as one still has to import, open the imported tiddler, rename it (this is unskippable as all pasted images have the same default name), close/go back to the tiddler he was editing, and finally add the image.

It would be really nice to be able to directly paste inside the editor and get the picture (the WikiText pointing to it) to appear where the cursor was. It could be imported and given a random name in the background.

I'm slowly getting acquainted with the codebase, so if you don't consider this a feature that should be part of the core, I'll probably make a plugin for it in the near future.

[nichollskc]

I'm slowly getting acquainted with the codebase, so if you don't consider this a feature that should be part of the core, I'll probably make a plugin for it in the near future.

Any update on this? Pasting an image directly into a tiddler (without the manual steps of importing, renaming and copying the title into the tiddler) would make a big difference to how I use tiddlywiki!