We're using the HTML Styles menu to give our content editors predefined headers to use when creating pages.
In order to allow them to remove formatting they have added, I've created a paragraph option.
p.custom-stylesElement-P {
-ms-name:"Paragraph";
}
Great in theory, in practice though it causes problems. If an editor for example has a page where the markup looks like:
<p>First paragraph</p>
<p>More text</p>
If they select all that and select the paragraph style (if they added headings or other body style they no longer want), the RTE gets a bit confused about how to handle style multiple paragraphs and decides we need some extra markup. We end up with:
<p>First paragraph</p>
<div> </div>
<p>More text</p>
<div> </div>
After a few iteration of this, our editors are ending up with rather a lot of white space they're not expecting.
I've asked editors to just select one element at a time when making changes but this isn't ideal - is there a better way of users stripping formatting in the RTE?