Adding span classes

I've set up a couple of styles for the Rich Text Editor and added to both the main css file and a tinystyle. For some reason when I apply the style it's adding a span class which means the style doesn't work.

It should be


but instead I'm getting


Me as the developer can manually correct this but a standard user won't.

Does anyone know how I stop it adding this span class?

Good question, I'd be interested to know the answer to this too.

Anyone?...

I never did find a solution to this. Perhaps someone out there will know.

Rich text editors can sometimes accommodate things like that, but if you need absolute 100% control over the created markup, you'll need something like ContentBlocks: https://www.modmore.com/extras/contentblocks/

With some editors, you'll have much better luck applying styles to block level elements if you don't actually select text but rather simply place your cursor inside the block element. Editors often associate selected text as a portion of the parent block even if you've selected the entire block, hence the span tag.

If you're using TinyMCE, which it sounds like you are, the best way around this is to train your clients to use the handy path indicator at the bottom of the editor window which will show the current location within the underlying markup. You can click on elements in this path to select a parent block and then apply styles to that block.

You might want to look at Redactor as well http://www.modmore.com/extras/redactor/. TinyMCE is a bloated mess at this point in my opinion.