Thanks, I've tried that in the meantime and it could work; too bad the plugin increases my TW's size by 300-400 kB -- not much in absolute terms but way too big a bump for a single/simple solution that I'm looking for.
I will revert to fiddling with CSS for now. Thanks again for your suggestions. On Thursday, 22 March 2018 18:21:36 UTC, Matthew Lauber wrote: > > You can get an plugin (offline) version of font awesome from here, I > believe. https://github.com/TheDiveO/TW5FontAwesome/releases/tag/1.2.1 > > > > On Thursday, March 22, 2018 at 1:35:00 PM UTC-4, hubertgk wrote: >> >> Thanks for your suggestions. But doesn't Font Awesome require an online >> connection in order to work? If it does then I think that the CSS route >> would be the way to go, if only I could get it to point to an internal SVG >> image. >> >> input { >> >> background-image: url(bg.jpg); >> background-repeat: no-repeat; >> text-indent: 20px; >> } >> >> >> >> >> >> >> On Thursday, 22 March 2018 17:19:02 UTC, Matthew Lauber wrote: >>> >>> You could also consider if any of the font-awesome icons would work for >>> your purposes, because I believe you can use those within the placeholder >>> field. >>> >>> On Thursday, March 22, 2018 at 1:17:27 PM UTC-4, Matthew Lauber wrote: >>>> >>>> Hey Hubert, >>>> >>>> I'm not sure that default html supports using a svg image in the >>>> placeholder field of the input box. I'm pretty sure that this affect is >>>> typically implemented via css. Take a look at >>>> https://stackoverflow.com/questions/13761654/html5-image-icon-to-input-placeholder >>>> >>>> to see how someone was implementing putting a magnifying glass in a text >>>> box. >>>> >>>> I did try the following, which got the html for the svg into the >>>> placeholder field, but as you can see, it doesn't render as html, but as >>>> plain text. >>>> >>>> <$wikify name="temp" text="[img width='12' [Motovun Jack.svg]] bla bla >>>> bla" output="html"> >>>> >>>> >>>> <$edit-text tiddler='$:/value' field='note' placeholder=<<temp>> /> >>>> </$wikify> >>>> >>>> >>>> >>>> >>>> On Thursday, March 22, 2018 at 12:14:19 PM UTC-4, hubertgk wrote: >>>>> >>>>> Hi, >>>>> >>>>> I'm trying to place a local (non-URL'ed) SVG image in a placeholder of >>>>> a text input field >>>>> <https://tiddlywiki.com/#EditTextWidget:EditTextWidget+HelloThere+GettingStarted+Community> >>>>> >>>>> but it doesn't get 'wikified'. >>>>> >>>>> One workaround I've tried was to define a background image using CSS, >>>>> however this doesn't seem to work with internal images. >>>>> >>>>> Example code: >>>>> >>>>> <$edit-text tiddler='$:/value' field='note' placeholder='[img width=12 >>>>> [image.svg]] Bla bla bla'/> >>>>> >>>>> I'd appreciate ideas how to solve this. Thank you! >>>>> >>>>> Regards, >>>>> Hubert >>>>> >>>>> -- 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 post to this group, send email to [email protected]. 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/b2a64bc2-2f32-4fec-96ec-a437dad43c11%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
