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。