TinyMCE - 外部工具欄位置

Question

我正在嘗試使用TinyMCE創建一個多文本框，點擊編輯類型的圖形內容編輯器。 我有TinyMCE到我可以添加和刪除它們，定位和大小，點擊編輯它們等等 - 但有一件事困擾我，那就是工具欄。

我有一個外部工具欄，我試圖沿着頁面的底部邊緣，以及我的“保存並關閉”按鈕和一些其他工具按鈕。 外部工具欄由TinyMCE在DIV中使用類"mceExternalToolbar" 。 我嘗試在頁面樣式表中設置position: fixed和left:和top:屬性，但無濟於事top: -28px在創建它時在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更多詳細信息，請參閱W3C的文檔 。