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/49405014-f346-4cd9-9e28-cc940ae24021%40googlegroups.com.
