Html 在wordpress文本/可视化编辑器之间切换会使锚定标记消失

我正在尝试在我的页面中创建锚定点，供用户跳转到。当我在wordpress的文本编辑器中创建锚定点时，如果我切换到VisualEditor，锚标记就会消失。以下是我在文本编辑器中使用的代码：

<div>
   <a id="posts" class="anchor">&nbsp;</a>
   <h4>Key Blog Posts</h4>
   Andrea Radke-Moss, <a href="http://www.juvenileinstructor.org/mormon-studies-in-the-classroom-mormon-women-patriarchy-and-equality/" target="_blank" rel="noopener noreferrer">"Mormon Studies in the Classroom: Mormon Women, Patriarchy and Equality,"</a> Juvenile Instructor.
</div>

少年教师。

当我在可视化编辑器中切换锚定标记时（无论是否在文本编辑器中保存），锚定标记将消失，我只剩下以下内容：

<div>
   &nbsp;
   <h4>Key Blog Posts</h4>
   Andrea Radke-Moss, <a href="http://www.juvenileinstructor.org/mormon-studies-in-the-classroom-mormon-women-patriarchy-and-equality/" target="_blank" rel="noopener noreferrer">"Mormon Studies in the Classroom: Mormon Women, Patriarchy and Equality,"</a> Juvenile Instructor.

主要博客文章
安德里亚·拉德克·莫斯，少年教师。

在做了一些研究之后，当锚定标记之间没有文本时，这似乎是Wordpress的一个常见问题（这就是为什么我尝试了

）。有人能克服这个问题吗

---

更新：我尝试用

style=“font size:0px”在标记之间加上句点。保存，切换到可视化编辑器，并且该期间现在超出了我的锚定标记！我终于找到了工作。以下是我使用的代码：

<a id="posts" class="anchor" href="#posts">&nbsp;</a>



我无法摆脱
，所以它仍然有一个可点击的点，但至少当它被点击时，它不会像
href=“#”
那样跳跃。
您没有使用
href
属性，这可能是这个问题的根源。试着这样做：
确实试图避免使用
href
。我不想要一个可点击的空间，即使它不会做任何事情。它往往会使页面跳转，即使只是一点点。使用javascript
href=#
可以防止元素的单击行为跳转到我的页面顶部，
href=“”
和
href=javascript:void（0）
都被可视化编辑器删除。