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 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/afade294-8356-4c74-b3f1-d134f02b8a79%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.