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/d26052ed-f43b-4e49-b0fa-c25ae0aa47d8%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
