Font Awesome and MicroTiny

[wmdvanzyl]

Font Awesome uses an element <i> to insert icons into pages. However, i find that MicrTiny strips these out when using WYSIWYG

Is there a way to add the <i> to the MicroTiny set of accepted tags? Or is there a work-around - perhaps a tag or UDT?

Example:

<i class="fa fa-camera-retro"></i>

I suppsoe you could do:

{icon class="fa fa-camera-retro"}

Something like that?

First prize would still be just having the WYSIWYG editor not strip out the tags.

[velden]

UDT would be very simple:


name: 'icon'
usage: {icon class="fa fa-camera-retro"}

Code: Select all

echo '<i class="' . $params['class'] .'"></i>';

[wmdvanzyl]

Agreed.

So for future reference, there is no way to customize MicroTiny tags?
What about TinyMCE?

[JohnnyB]

Font awesome uses < i > but you don't have to. You can use any element that can be assigned as inline-block in CSS. Personally, I don't use <i> at all with FA. Instead I use either a span, or an a or another element that makes sense for the site that I'm working with at the time.

[wmdvanzyl]

You can use any element that can be assigned as inline-block in CSS. ...use either a span, or an a or another element that makes sense for the site...

Didn't know that - thanks. I suppose just reverting to using the <span> element is more semantically correct anyway.