Tinymce按钮未在某些页面中显示

时间:2018-06-24 16:50:41

标签: jquery html css twitter-bootstrap tinymce

我正在使用带有图像上传功能的tinymce插件,并且在页面中可以正常工作。

但是在其他页面上,左侧有一个侧边栏,内容区域在右侧。 tinymce插件位于右侧的内容区域中,并且在此页面中未显示tinymce按钮,仅当将浏览器调整为隐藏侧边栏的中型设备的大小时,这些按钮才会出现,因此tinymce文本区域全部占用并显示按钮。

您知道可能是什么问题吗?

我有一个带有问题的示例:“ jsfiddle.net/7b941us0/34”。

1 个答案:

答案 0 :(得分:0)

您好,感谢您向JSFriddle提供示例或您的问题。

您的问题是由以下代码行(LOC 1378-1380)引起的-删除它们可以解决此问题。

您实际上是强制不显示.adminContainer中的所有按钮。删除这些行使一切正常。

.adminContainer button {
  display: none;
}

为什么按钮显示为较小的父级宽度是因为在断点上您迫使这些按钮重新出现:

@media only screen and (max-width: 768px) {
  .adminContainer button {
    display: block;
  }
  (...)

我建议您通过添加某些CSS类来定位不希望显示的确切按钮。

Link to working JSFriddle.