[question] plugin that turn a transclusion into a clickable link in edit mode ?

[Télumire]

Hello everyone!

Does anyone know if there is a plugin that turn a transclusion into a clickable link to the tiddler transcluded, in edit mode?

The process would be as follows:

I want to edit a tiddler (A). When the editor opens, I see that I have transcluded another tiddler (e.g. {{B}}) inside the tiddler A.

I want to edit what is in B, so rather than copy/paste the title of tiddler B into the search bar, click on the relevant tiddler in the search result, then edit the tiddler B, this plugin would allow me to simply click on {{B}}, which open the tiddler B, ideally already in edit mode. This would save a lot of time !

CodeMirror is able to parse links, so maybe someone made an addon build upon it allowing this functionnality ? I searched but ultimately found nothing ..

PS : I know that it's possible to use a macro instead of a standard transclusion (like discussed here https://tiddlywiki.narkive.com/dxOiR2Vn/tw-tw5-including-a-link-when-transcluding) but I dont want to change the way the tiddler is displayed in view mode.

[Frédéric Demers]

Not exactly what you want but if you use the paragraphs plugin to transclude, you can edit the original tiddler's text directly when in view more. You may be able to tweak it so the view is nearly identical.

http://j.d.paragraphs.tiddlyspot.com/#paragraphs%20Macro%20(Examples)

[Ste]

I think there is something in tbeers repository of stuff that does that, though you have to use a slightly different syntax to {{}}  for it to work.

http://tobibeer.github.io/tw5-plugins/#Welcome

Though having just looked I can't spot it....

[TW Tones]

Folks,

There is a way to always transclude via another transclusion eg;

{{transcludetiddler||transclude}} where "transclude" is a smart tiddler that responds to an edit mode setting, if in edit mode it will allow editing, provide a link etc,, other wise behave as normal. In the transclude tiddler the tiddler to transclude will be <<currentTiddler>> and if you must get the tiddler it displayed in (would normally be the current tiddler)  use <<storyTiddler>>.

Regards

Tones

[si]

>>> CodeMirror is able to parse links, so maybe someone made an addon build upon it allowing this functionnality ? I searched but ultimately found nothing ..

I'm not aware of any currently existing plugin, but CodeMirrorPlus has an open ticket for adding clickable links in edit mode: https://github.com/adithya-badidey/TW5-codemirror-plus/issues/6

[Télumire]

Hello everyone,

First of all thank you very much for taking the time to answer me, second of all my apologies for answering so late.

Fred,  for now instead of a macro I proceed as follow (online demo here) :

In the tiddler transcluded I want to make editable,  I put {{||edit}} at the end of the tiddler.
The tiddler edit contains the following code :

<span class="hide-until-hover"> {{||$:/core/ui/Buttons/edit}} </span>

And with a bit of CSS magic I got what I want, except it's not automatic of course and it doesnt work in edit mode.
I think I will follow your advice and repurpose the paragraph macro, this seems like the easiest workaround.

Ste, I think you are refering to this : https://tobibeer.github.io/tw5-plugins/#inc-Examples , this is a great macro however it only work in view mode. My workaround is worse tho, so until I find something better I think I'll use his plugin.

Tones, this is a great suggestion and IMO is better than a macro, while being also limited to the view mode. I tried to follow your explanation and got this : https://frontenddevweb.github.io/#:[tag[TW%20Tones]]
Is that what you had in mind ?

si, I stumbled upon it as well yesterday, this is great ! That would be perfect. This ticket was made a year ago however so I really hope the author will eventually add it.

Once again, thanks you all for your help.

[Saq Imtiaz]

@si @Telumire

Here is a very simplistic, quick and rough proof of concept for adding some helpful popups in codemirror:

https://saqimtiaz.github.io/sq-tw/temp/cm-plus-tweaks.html

(Needs current pre-release of TW)

Try ctrl+click on different parts of tiddler links and transclusions.

The popup itself is entirely wikitext based so can be easily customized.

Note that cmplus does not distinguish between simple transclusions, transclusions with templates and filtered templates. While you can work around this in wikitext, adding support in cmplus would make life a lot easier.

Another approach would be to embed clickable elements in the editor next to links and transclusions. Rapid tiddler uses this approach so if someone wants to take that route, the code pattern there is probably helpful for follow:

https://github.com/MeneDev/RapidTiddler

Cheers,

Saq

[Télumire]

Hello Saq,

This is exactly what I wanted, thank you so much !

Since TW 5.2.0 is around the corner (?) I will wait a bit to upgrade my wiki, but your demo is perfect for my needs :)

In my opinion, from a UX POV it's best to use a popup, or even better no popup at all (just click on the link to open the tiddler, maybe with an underline and a cursor:pointer when hovering the link to keep consistency) to avoid cluttering in the editor.
This is because if the user want to use emojis, the icons could get confusing.

Great work !