为什么在WordPress中切换到可视化编辑器时,我总是丢失链接

时间:2020-12-15 作者:Matteo Farinella

我在wordpress网站的一个特定页面上遇到了这个问题:当我从文本编辑器切换到可视化编辑器时,我会立即丢失所有链接(放置在div元素中)。

我给你一个每次都会发生什么的详细例子:

I start editing my page and the section with href looks like this

enter image description here

Then, if I switch to visual editor and come back to the text, it becomes like this

enter image description here

如您所见;“a”;元素消失了,这很烦人,因为我每次都要替换所有链接,或者切换到以前的编辑并丢失最近的链接。

我如何解决这个问题?我希望能够在编辑模式之间自由切换,而不会丢失任何代码。

非常感谢。

1 个回复
最合适的回答,由SO网友:phatskat 整理而成

问题是你的<div> 锚定标签的内部。看见this answer on StackOverflow 关于锚内允许哪些标记。

内联元素(a、span、strong、em等)可以包含其他内联元素和文本节点。

通常,块级元素可以包含内联元素和其他块级元素。通常,内联元素可能只包含数据和其他内联元素。这种结构区别的内在理念是,块元素创建;“较大”;结构而不是内联元素。

锚点是内联的,而<div> 标记是块级的,因此块级元素不能进入内联元素的内部。如果需要链接内部的元素,请尝试使用<span> 使用display:block CSS属性:

<a href="somelink"><span class="tag">Link</span></a>