TinyMCE - 外部工具栏位置

Question

我正在尝试使用TinyMCE创建一个多文本框，点击编辑类型的图形内容编辑器。我有TinyMCE，我可以添加和删除它们，定位和调整它们，点击编辑它们等等 - 但有一件事困扰我，那就是工具栏。

我有一个外部工具栏，我正试图沿着页面的底部边缘，以及我的“保存并关闭”按钮和其他一些工具按钮。外部工具栏由TinyMCE在类"mceExternalToolbar"的DIV中创建。我尝试在页面样式表中设置position: fixed和left:以及top:属性，但无济于事--TinyMCE在创建时会在DIV上设置position: absolute和top: -28px它

由于项目限制，我无法修改TinyMCE的源代码，但我可以用额外的CSS文件补充它。

有人能指出我正确的方向让工具栏正确定位吗？

Answer 1

提供的样式表中的CSS选择器会覆盖您正在编写的选择器。您需要做的是使用更具特异性的选择器来定位工具栏元素：

body div.mceExternalToolbar {
    position: fixed ;
    top: -28px ;
};

或使用!important指令覆盖它：

.mceExternalToolbar {
    position: fixed !important ;
    top: -28px !important ;
}

有关选择器特异性和!important的详细信息，请参阅the W3C's documentation。