Hi folks.

This seems to be a recurring battle I have with TinyMCE which is starting to get quite annoying.

On our intranet an editor has asked to put some content into an accordion. Easy I thought, paste in http://getbootstrap.com/javascript/#collapse and edit the dummy text with your own and away you go.

However, the RTE in both standard and grid forms is stripping out all the bootstrap gubbins from the divs, leaves it perfectly intact on the a's though.

My TinyMCE config had already been updated to;

+div[id|dir|class, and

+a[id|rel|data-id|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick| ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],

this worked fine for things like 'bootstrap alerts' I've since changed the div entry to div[id|dir|class and #div[id|dir|class, as I had read something about TinyMCE being fussy with empty tags although is a Div in a Div technically empty?!

As I'm working on my local dev machine after each change I've rebuilt the solution, refreshed the app pool and have touched the web.config for good measure as well so I think the changes should have registered.

I don't want to turn off HTMLTidy as there's always an editor that knew a bit of html from 15 years ago that'll start rainbowing all the text on their pages!

Has anyone been able to a way to stop TinyMCE stripping stuff from divs?