Hi Saq, Thanks so much for this!
Sorry for the newbie question, but can you confirm creating an Edit Template consists in tagging the Tiddler with $:/tags/EditTemplate <https://tiddlywiki.com/static/SystemTag%253A%2520%2524%253A%252Ftags%252FEditTemplate.html> ? Thank you! Anne-Laure. On Monday, April 20, 2020 at 8:58:06 PM UTC+1, Saq Imtiaz wrote: > > Try the following: > > 1) Backup your data, this is untested. > > 2) Save this as a custom Edit Template, say with title MyEditTemplate: > > \define save-tiddler-actions() > <$action-sendmessage $message="tm-add-tag" $param={{{ > [<newTagNameTiddler>get[text]] }}}/> > <$action-deletetiddler $tiddler=<<newTagNameTiddler>>/> > <$action-sendmessage $message="tm-add-field" $name={{{ > [<newFieldNameTiddler>get[text]] }}} $value={{{ > [<newFieldValueTiddler>get[text]] }}}/> > <$action-deletetiddler $tiddler=<<newFieldNameTiddler>>/> > <$action-deletetiddler $tiddler=<<newFieldValueTiddler>>/> > <$wikify name="tooltip" text={{!!text}}> > <$action-sendmessage $message="tm-add-field" $name="excerpt" $value={{{ > [<tooltip>split[]first[120]join[]] }}} /> > </$wikify> > <$action-sendmessage $message="tm-save-tiddler"/> > \end > <div data-tiddler-title=<<currentTiddler>> data-tags={{!!tags}} class={{{ > tc-tiddler-frame tc-tiddler-edit-frame > [<currentTiddler>is[tiddler]then[tc-tiddler-exists]] > [<currentTiddler>is[missing]!is[shadow]then[tc-tiddler-missing]] > [<currentTiddler>is[shadow]then[tc-tiddler-exists tc-tiddler-shadow]] > [<currentTiddler>is[system]then[tc-tiddler-system]] [{!!class}] > [<currentTiddler>tags[]encodeuricomponent[]addprefix[tc-tagged-]] +[join[ > ]] }}}> > <$fieldmangler> > <$vars storyTiddler=<<currentTiddler>> newTagNameTiddler=<<qualify > "$:/temp/NewTagName">> newFieldNameTiddler=<<qualify > "$:/temp/NewFieldName">> newFieldValueTiddler=<<qualify > "$:/temp/NewFieldValue">>> > <$keyboard key="((cancel-edit-tiddler))" message="tm-cancel-tiddler"> > <$keyboard key="((save-tiddler))" actions=<<save-tiddler-actions>>> > <$list > filter="[all[shadows+tiddlers]tag[$:/tags/EditTemplate]!has[draft.of]]" > variable="listItem"> > <$set name="tv-config-toolbar-class" filter="[<tv-config-toolbar-class>] > [<listItem>encodeuricomponent[]addprefix[tc-btn-]]"> > <$transclude tiddler=<<listItem>>/> > </$set> > </$list> > </$keyboard> > </$keyboard> > </$vars> > </$fieldmangler> > </div> > > 3) edit $:/config/ui/EditTemplate and replace its content with the title > of the template tiddler you created in #2 above, so that our new edit > template is used > > 4) Try editing and saving any tiddler, an excerpt should get saved into a > field called "excerpt" > > 5) use the excerpt field for the tooltip, you could also rename to caption. > > 6) if all the above steps work reliably (and I believe they should), next > step could be to look into outputting html that would support dropping in a > library like tippy.js in the static version to control the display of the > tooltip. Tippy.js expects an attribute > data-tippy-content > on links that contains the tooltip text to display. > > Hope this helps, > Saq > > On Monday, April 20, 2020 at 9:39:54 PM UTC+2, Anne-Laure Le Cunff wrote: >> >> @Saq - thank you for confirming! Didn't realise these were generated on >> demand. That explains why it doesn't work with the static website. >> >> @Diego - totally missed that previous message. Thank you! Yes this is >> exactly what I want. >> >> So, just to recapitulate where I'm at, I used a couple of solutions that >> more or less worked once exported as a static website: >> >> *1)* Old school iframe which works on static website but doesn't look >> great (see here <https://notes.nesslabs.com/about>, hover your mouse on >> "Other Minds") >> *2)* Transclude caption into "tooltip" (which unfortunately uses the >> default "title tooltip" from the browser so takes a long time to show up) >> >> *\define tv-wikilink-tooltip()* >> *<$transclude field="tooltip"><$transclude >> field="caption"/></$transclude>* >> *\end* >> >> *Here is a link to [[Title of Tiddler]] with a custom tooltip.* >> >> And I added a "caption" field to each Tiddler. Works once exported to >> static website. Pretty happy with this except that the tooltip takes a long >> time to appear. I much prefer the look and speed of the ones in Tobi Beer's >> plugin. >> >> --- >> >> *3)* Use Tobi Beer's plugin >> <http://tobibeer.github.io/tw5-plugins/#preview>, which transcludes the >> whole target article (see demo >> <https://ybalkind.github.io/tryingtiddlywiki/#How%20I%20use%20this%20blog>, >> maybe a bit over the top). Works great on TW itself but doesn't work (as >> Saq confirmed) when exported to a static website. >> >> So my question is... Do you think there's a way to implement #2 (display >> caption field in tooltip) with the look and speed of #3 (Tobi Beer's >> plugin)? >> >> Sorry for the rambling, and thanks so much for your help! >> >> >> On Monday, April 20, 2020 at 8:26:17 PM UTC+1, Diego Mesa wrote: >>> >>> Anne-Laure, >>> >>> For reference/completion, Tobi Beer's plugin was also the solution I >>> proposed in this thread you started about "how to show link preview on >>> hover in static websites" not that long ago: >>> >>> https://groups.google.com/d/msg/TiddlyWiki/_7ozNvkpPVg/vHXL1Ae4AgAJ >>> >>> Diego >>> >>> On Monday, April 20, 2020 at 2:03:12 PM UTC-5, Anne-Laure Le Cunff wrote: >>>> >>>> I found this amazing plugin >>>> <http://tobibeer.github.io/tw5-plugins/#preview> by Tobi Beer which >>>> does almost exactly what I want — thanks Yoni for sharing the link! >>>> >>>> Does anyone have a guide / any clue as to how the same behaviour could >>>> be preserved when exporting to a static website? (I have the Node.js >>>> version of TW installed) >>>> >>>> Thanks so much. >>>> >>>> On Monday, April 20, 2020 at 5:39:53 PM UTC+1, Anne-Laure Le Cunff >>>> wrote: >>>>> >>>>> That's a great idea, thank you! >>>>> >>>>> On Monday, April 20, 2020 at 3:18:08 PM UTC+1, Saq Imtiaz wrote: >>>>>> >>>>>> If you would like to automate generating the caption, perhaps look >>>>>> into generating and saving and excerpt in the caption field when a >>>>>> tiddler >>>>>> is saved? >>>>> >>>>> -- 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d7836114-c07f-4e2d-91d9-5da2c49be3fe%40googlegroups.com.
