我在wordpress网站的一个特定页面上遇到了这个问题:当我从文本编辑器切换到可视化编辑器时,我会立即丢失所有链接(放置在div元素中)。
我给你一个每次都会发生什么的详细例子:
I start editing my page and the section with href looks like this
Then, if I switch to visual editor and come back to the text, it becomes like this
如您所见;“a”;元素消失了,这很烦人,因为我每次都要替换所有链接,或者切换到以前的编辑并丢失最近的链接。
我如何解决这个问题?我希望能够在编辑模式之间自由切换,而不会丢失任何代码。
非常感谢。
最合适的回答,由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>