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

Posted 2023-05-09

【中文标题】如何在 tinyMCE 上围绕 HTML 包裹锚点

【英文标题】：How to wrap anchor around HTML on tinyMCE

【发布时间】：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】：

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

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

问候。 埃德

【讨论】：

表格？侧边栏？我不知道你在说什么，但整个想法是避免使用短代码，因为它们对用户不友好，并且不代表实际内容

那我推荐使用 Visual Composer。它具有您需要的所有功能。 vc.wpbakery.com Ed.

【参考方案2】：

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

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

不需要allow_html_in_named_anchor。只需要 valid_children。