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

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