Joomla 中的 JCE 编辑器从 div 中删除链接

Question

当我创建带有链接的 div 并切换编辑器时，JCE 会从 div 中删除整个链接代码。

这是一个例子：

<a href="#"><div id="test">text or image here</div></a>

当我切换编辑器查看结果，然后返回代码视图时，结果如下：

<div id="test">text or image here </div>

所以我不明白为什么 JCE 会删除 div 之外的链接。我把链接放在那里是因为我希望整个 div 及其背景都可以点击。

如果我保存文章，当我在代码视图中时，它会保存链接！因此，只有在我编辑文章时更改为视觉方式时才会删除它。

Answer 1

<div> 是块元素，<a> 是内联元素，在 HTML5 将块放入任何内联元素之前无效。这就是为什么我怀疑 JCE 会消灭它的原因；在 HTML5 之前，这将是无效标记。在 HTML5 中，您可以在 <a> 中放置一个块元素，但我不确定 JCE 中是否有设置使其能够通过 HTML5 进行验证。您可能应该在他们的论坛上询问。 This link 为您提供更多细节。