javascript - TinyMCE - 外部工具栏位置

Question

我正在尝试使用 TinyMCE 创建一个多文本框、点击编辑类型的图形内容编辑器。我已经让 TinyMCE 达到了可以添加和删除它们、定位和调整它们大小、单击以编辑它们等等的地步——但有一件事困扰着我，那就是工具栏。

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

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

谁能指出我正确的方向以正确定位工具栏？

Answer 1

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

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

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

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

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