javascript - TinyMCE - 外部工具栏位置

Question

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

我有一个外部工具栏，我试图将它与我的“保存并关闭”按钮和其他一些工具按钮一起放置在页面的底部边缘。外部工具栏由 TinyMCE 在类 "mceExternalToolbar" 的 DIV 中创建。我尝试在页面样式表中设置 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 的更多详细信息，请参阅 the W3C's documentation .