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/376ac92a-9f97-49a5-b4b3-91251aa40a50%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
