I managed to do it with just macros and CSS. One thing I could not avoid is copying line breaks before and after the code. Hope there will be a plugin someday that will overcome that, as well as do away with the table wrapper. Here is a self-contained demo tiddler.
\define code(tx) <table class="mycodeblock"><tr><td> ```$tx$ ``` </td><td><$button class="tc-btn-invisible" message="tm-copy-to-clipboard" param=<<__tx__>> tooltip={{$:/language/Buttons/CopyToClipboard/Hint}}>{{$: /core/images/copy-clipboard}}</$button></td></tr></table> \end <style> table.mycodeblock { border: none; margin: 7px 0 11px; } table.mycodeblock pre { margin: 0; } table.mycodeblock td { border: none; padding: 0; position: relative; } table.mycodeblock button { position: absolute; left: -30px; top: 2px; } table.mycodeblock button svg.tc-image-button { height: 2em; width: 2em; fill: none; } table.mycodeblock:hover button svg.tc-image-button { fill: <<color tiddler-controls-foreground>>; animation: 0.35s cubic-bezier(.35, 0, .35, 1) 2 alternate; animation-name: breathe,blink; } table.mycodeblock button:hover svg.tc-image-button { fill: <<color orange>>; } @keyframes blink { from { opacity: 1; } to { opacity: .35; } } @keyframes breathe { from { transform: scale(1); } to { transform: scale(1.5); } } </style> in your tiddlers just write : <<code """ code here more code """>> On Saturday, April 28, 2018 at 5:17:04 PM UTC-7, Rustem wrote: > > That works, thanks. Would be great though, to have the button appear > inside the block, on hover. > > On Saturday, April 28, 2018 at 2:31:13 AM UTC-7, BurningTreeC wrote: >> >> hi @Rustem >> >> you could just create a macro in a tiddler say $:/_macros tagged with >> $:/tags/Macro with the content: >> >> \define code(text) >> <<copy-to-clipboard """$text$""">> >> ``` >> $text$ >> ``` >> \end >> >> in your tiddlers just write: >> >> <<code """ >> >> code here >> >> more code >> >> """>> >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/54a1e890-71d9-4862-a87b-a730a239e5d5%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.