TinyMCE - 外部工具栏位置

Question

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

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

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

任何人都可以指出我正确的方向让工具栏正确定位？

Answer 1

提供的样式表中的CSS选择器将覆盖您正在编写的选择器.您需要做的是使用更具体的选择器来定位工具栏元素:

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

或者使用!important指令覆盖它:

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

有关选择器特异性的更多详细信息!important,请参阅W3C的文档.