我正在尝试与 TinyMCE 合作创建一个多文本框、点击编辑类型的图形内容编辑器。我已经使用 TinyMCE 来添加和删除它们、定位它们并调整它们的大小、单击以编辑它们等等 - 但有一件事困扰着我,那就是工具栏。
我有一个外部工具栏,我试图将其放置在页面的底部边缘,以及“保存并关闭”按钮和其他一些工具按钮。外部工具栏由 TinyMCE 在具有类的 DIV 中创建"mceExternalToolbar"
。我尝试设置position: fixed
and left:
and top:
页面样式表中的属性,但无济于事 - TinyMCE 设置position: absolute
and top: -28px
创建 DIV 时在该 DIV 上。
由于项目限制,我无法修改 TinyMCE 的源代码,但我可以用额外的 CSS 文件对其进行补充。
谁能指出正确的方向以正确定位工具栏?
提供的样式表中的 CSS 选择器将覆盖您正在编写的选择器。您需要做的是将工具栏元素定位为具有更高特异性的选择器:
body div.mceExternalToolbar {
position: fixed ;
top: -28px ;
};
或者使用!important
指令来覆盖它:
.mceExternalToolbar {
position: fixed !important ;
top: -28px !important ;
}
有关选择器特异性和!important
, see W3C 的文档 http://www.w3.org/TR/CSS21/cascade.html#specificity.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)