在文本编辑器中包装按钮格式(类)无法正常工作?

时间:2014-08-27 09:35:44

标签: button tinymce wrapping formats impresspages

可能我还没有得到关于最佳实践的线索但我不能在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>

我想自己解决这个问题,但我仍然在学习知识产权的基础知识。 我应该从哪里开始,哪种方式最适合/最佳实践?

谢谢你, 文档

1 个答案:

答案 0 :(得分:0)

这是TinyMCE的一个问题。它应该在<span class="btn">中包含<a>元素。但是,出于某种原因,它反过来了。

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

快速问题是行为骇客。创建具有按钮样式的链接时,请在链接文本中添加额外符号,即“.my link”。然后选择整个字符串并应用锚点(link / url)。然后选择字符串,但没有那个额外的字符(在我的例子中省略了点)并应用按钮样式。最后,删除那个额外的字符。在这个序列中,TinyMCE以正确的顺序创建HTML元素。