jquery - 如何在 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[*]",
});

有任何想法吗？

score 0 · Accepted Answer

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

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

不需要allow_html_in_named_anchor。只有valid_children是必需的。

score 0 · Accepted Answer

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

问候。埃德

2 回答 2