如何在 tinyMCE 上围绕 HTML 包裹锚点答案

【问题标题】：How to wrap anchor around HTML on tinyMCE如何在 tinyMCE 上围绕 HTML 包裹锚点
【发布时间】：2018-02-22 17:47:08
【问题描述】：

好吧，我有这个问题，我在 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[*]",
});

有什么想法吗？

【问题讨论】：

【解决方案1】：

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

问候。埃德

【讨论】：

【解决方案2】：

你必须用<div>包装链接，所以像这样：

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

不需要allow_html_in_named_anchor。只需要 valid_children。

【讨论】：