I've got the following problem with TinyMCE:
I've inserted the following code into a TinyMCE instance:
<p><a href="/_pics/articles/large/WAbOlemChF.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/WAbOlemChF.jpg" alt="b" /></a></p>
<p><a href="/_pics/articles/large/cT89QKCChs.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/cT89QKCChs.jpg" alt="v" /></a></p>
This results is the following:
If I place the cursor as indicated in the image above, and I hit the DELETE key, I get the following:
So far, so good, except that when I check out the code, it looks like this:
<p><a href="/_pics/articles/large/cT89QKCChs.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/WAbOlemChF.jpg" alt="b" /><img class="img-center" src="/_pics/articles/cT89QKCChs.jpg" alt="v" /></a></p>
Note, that the A tags have been merged. As you'd image this raises a big problem since the "href" attribute was different. I would've expected it to put both A tags in the same paragraph, but keep them distinct.
Is it a TinyMCE bug, or there's something in the configuration that I can tweak so it merges only identical A tags?
I'm using v3.5.6, jQuery version.