TinyMCE - using text configured in em sizing

Permalink
Hello,

I am using ems rather than pixels in my typography.css style sheet.

However I have noticed an issue with tinyMCE.

When you type, and hit return to put it on a new line, then clicking the back-space button to put it back on the same line causes that text to be wrapped in a span tag which adds font-size and line-height inline. I really do not want this to occur.

Is there anything I can pass to stop this

CommotionCreative
 
daenu replied on at Permalink Reply
daenu
Hi All
I have exactly the same issue.
c5 Version: 5.6.2.1
CommotionCreative replied on at Permalink Reply
CommotionCreative
I believe this is the solution I came up with to stop this from happening:

// stop odd styling of elements
extended_valid_elements : "span[!class]",

Add that in to your rich text editor template in system and settings (obviously set it to custom)

I'm not sure if it matters where you add it, but for me it's below my theme options

Hope this helps,

Kind Regards
daenu replied on at Permalink Reply
daenu
Sry man
this doesn't work.
Even after refreshing block type etc.

I'll keep this thread alive if I find a solution.

Thxs for your help
SheldonB replied on at Permalink Reply
SheldonB
if you hit shift enter it avoids creating a new <p> and using <br />

spans are used for changing something that might be different then what came before it without needing to create a new <p>

http://www.w3schools.com/tags/tag_span.asp...

I think the way tinymce is set up as is .. isn't really to intuitive - and while you can use it like word - you will find little things like this that break the flow of progress
CommotionCreative replied on at Permalink Reply
CommotionCreative
You might need to clear your cache after implementing I'll check if I've added anything else to stop it