如何在tinyMCE上围绕HTML包装锚点

Question

我有这个问题，我为tinyMCE wordpress编辑器制作了一些自定义按钮来插入html，这样用户就不会对短代码感到困惑。一切都相对正常......但是有一个按钮将一个锚包装到一个div。

<a name="buton" class="prod-button" href="some-href">
  <div>
       ...
  </div>
</a>

问题是当内容插入编辑器时，ancho会被删除。

这不是按钮的问题，但我相信tinyMCE是如何配置的，因为当我直接在编辑器中编写html时也会发生这种情况

我已经完成了这项工作并且它没有工作

tinyMCE.init({
    allow_html_in_named_anchor: true,
    valid_children: '+a[div],+a[span],+a[img]', 
    extended_valid_elements : "a[*]",
});     

有什么想法吗？

Answer 1

在我看来，插入表单的最佳解决方案是创建一个简短的代码。因此，您可以将表单加载到侧边栏中，然后使用短代码显示表单内容。

这是文档 https://codex.wordpress.org/Shortcode_API

的问候。 编

Answer 2

您必须使用<div>包装链接，如下所示：

<div>
  <a name="buton" class="prod-button" href="some-href">
    <div>
      ...
    </div>
  </a>
</div>

不需要 allow_html_in_named_anchor 。只需 valid_children 。