CKEditor從樣式下拉菜單中刪除樣式預覽

Question

我一直在搜索和搜索此問題的答案，但找不到解決方案。

我已經給CKEditor添加了一些自定義樣式，它爲所選文本添加了一個頁邊空白。問題是這導致樣式預覽移到樣式列表中的右側。非常如此，他們離開了下拉菜單的右側。不幸的是，我沒有足夠的代表發佈屏幕截圖。

我只想列表中的樣式儘可能沒有預覽。

我試圖將.cke_panel_listItem p {margin-left：0px！important;}添加到我的global.css和editor.css中。無論我做什麼，我都無法重寫內聯樣式。

有什麼建議嗎？提前致謝！

Answer 1

我能夠使用contentsCss config property來做到這一點。所以：

CKEDITOR.editorConfig = function(config) { 
    config.contentsCss = 'wysiwyg.css'; 
} 

然後wysiwyg.css把你的CSS代碼：

.cke_panel_listItem p { 
    margin-left: 0px !important; 
}