button - 在文本编辑器中包装按钮格式（类）不能正常工作？

Question

可能我还没有找到关于最佳实践的线索，但我无法在 tinyMCE 中创建任何干净的按钮，而不是 fullTinyMCE。

换行使链接始终获得默认链接颜色，而不是适当的白色。当然，这通常是正确的，但不适用于按钮。尝试使用免费的 Bootstrap 主题会带来相同的结果。

包装应如下所示：

<a href="#"><button class="btn btn-primary" type="button">Click here</button></a>

但看起来像这样：

<span class="btn btn-primary"><a data-mce-href="#" href="#">Click here</a></span>

我想自己解决这个问题，但我仍在学习 IP 的基础知识。我应该从哪里开始，或者哪个是最合适的方式/最佳实践？

谢谢你，博士

Answer 1

这是 TinyMCE 的问题。它应该将<span class="btn">元素包含在<a>. 但是，由于某种原因，它却反过来了。

这是一个已知的问题。解决方案将添加额外的 CSS 规则来解决此问题。

快速的问题是行为黑客。创建带有按钮样式的链接时，在链接文本中添加额外的符号，即“.my 链接”。然后选择整个字符串并应用锚点（链接/网址）。然后选择字符串但没有额外的字符（在我的示例中省略了点）并应用按钮样式。最后，删除那个多余的字符。在这个序列中，TinyMCE 以正确的顺序创建 HTML 元素。