TinyMCE错误地合并A标签

Question

我对TinyMCE有以下问题：

我已将以下代码插入到TinyMCE实例中：

<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>

结果如下：

如果我按照上图所示放置光标，然后点击DELETE键，我会得到以下信息：

到目前为止，非常好，除了当我查看代码时，它看起来像这样：

<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>

请注意，A标签已合并。由于“href”属性不同，因此您的图像会引发一个大问题。我希望它能将两个A标签放在同一段中，但要保持不同。

这是一个TinyMCE错误，或者配置中有什么我可以调整，所以它只合并相同的A标签？

我正在使用v3.5.6，jQuery版本。

Answer 1

我们有很多奇怪的删除行为可能是由于浏览器存在错误。 解决方案是处理delte进程并执行自己的操作以绕过默认行为。为此我们定义了几个不需要的事情发生的场景，并试图隔离这些案例以便能够纠正它。

Answer 2

如果您不希望TinyMCE弄乱您的代码，只需给它一个类。这适用于WordPress实现，所以希望它也适用于你。

实施例..

<p class="image"><a href="/_pics/articles/large/WAbOlemChF.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/WAbOlemChF.jpg" alt="b" /></a></p>
<p class="image"><a href="/_pics/articles/large/cT89QKCChs.jpg" rel="gallery"><img class="img-center" src="/_pics/articles/cT89QKCChs.jpg" alt="v" /></a></p>

不必定义类，只需要给它一个空类。重点是，TinyMCE不会删除任何有类的东西，因此你的代码应保持不变。