Hello,
1) Change the editor to 'HTML' mode, paste this HTML:
<h1>Heading H1</h1>
<div class="Class_1">
<h2>Test Text 1</h2>
<h2>Test Text 2</h2>
</div>
<div class="Class_2">
<h2>Test Text 3</h2>
</div>
2) Go back to 'Normal' mode, Change Test Text 2 to use Heading 1.
3) Go to 'HTML' mode, and you'll see this:
<h1>Heading H1</h1>
<h2 class="Class_1">Test Text 1</h2>
<h1 class="Class_1">Test Text 2</h1>
<div class="Class_2">
<h2>Test Text 3</h2>
</div>
The DIV surrounding Test Text 1 & Test Text 2 is removed, and the class is placed in the H1 & H2 tags instead. How can I remove this behaviour?
Note: This doesn't happen on Firefox. I've reproduced the issue with IE9, haven't checked with other version.
Thanks!