I am using TinyMCE and WYSIWYG Filter. In order to change font sizes, TinyMCE uses the following code:

<span style="font-size: medium;">

I am unable to allow this code to be displayed. Here is my configuration:

Filter processing order:

  • Scripture filter
  • Image resize filter
  • WYSIWYG Filter
  • Convert URLs into links
  • Convert line breaks into HTML (i.e. <br> and <p>)
  • Correct faulty and chopped off HTML

WYSIWYG Filter -> HTML elements and attributes

@[class|style|title],
a[href|target|title|class|id|name],
img[src|width|height|alt|title],
em, strong, strike, del, sub, sup, i, b, q, acronym, samp, kbd,
ul, ol, li, dl, dt, dd,
p[align<center?justify?left?right], br, hr,
div[class|id|align<center?justify?left?right], span[style|class],
table[width|cellpadding|cellspacing|border], tr[align|valign], td[align|valign|width], tbody, th[align|valign|width], thead, tfoot, colgroup, col, caption,
address, blockquote, pre, cite, code,
h1, h2, h3, h4, h5, h6

Please help? Thanks!

Comments

I know the original post is a year old but I'll post the solution since this stumped me for a bit as well.

Under Additional Notes is says

If you allow usage of the attributes "id", "class" and/or "style", then you should also select which style properties are allowed and/or specify explicit matching rules for them using the "Advanced rules" section below.

So make sure you check off the 'font-size' box under Font Properties. Or check any other styles you need.

Status:Active» Fixed

Marking this as fixed =]

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.