[Support request] Font Awesome in GP Hooks

[Marc]

I’m attempting to use a Font Awesome icon as the value of an input field in the Before Footer Content hook. However, when I save the hooks, the icon code is stripped out and replaced by a square, as below.

Code I enter:
<input type="submit" value="" name="subscribe" id="mc-embedded-subscribe">

Code that appears after I save:
<input type="submit" value="" name="subscribe" id="mc-embedded-subscribe">

What am I doing wrong?

Thanks!

[Marc]

Well, the code was stripped out in my post, too!

I was trying to use the following as the value: value=””

[Marc]

Trying again, this is frustrating:

value=

[Marc]

Oh, balls. It keeps stripping out what I intend. I’m using the example found here for the value:

http://jsfiddle.net/VVS2P/91/

[Tom]

Hmm, I entered that value  into GP Hooks and it saved as is – but I did get a weird character on the actual page.

Where are you getting that code from?

[Marc]

Thanks for the reply, Tom! I’m attempting to use the font awesome envelope icon as a submit button for a MailChimp registration submit button. The JSFiddle example I linked to shows an example using a different FA icon.

But every time I click Save Hooks with the Unicode in it, the result is just a small square–same on the actual page.

[Tom]

Why not just use the Font Awesome HTML?

For example:

<i class="fa fa-envelope" aria-hidden="true"><!-- icon --></i>

[Author]

Posts