CKeditor自定義樣式下拉 - 浮動

我正在使用CKEditor版本4.我正在製作自定義樣式。問題是，當在下拉列表中顯示的樣式，與浮動任何樣式：向右移動在這樣的屏幕上：CKeditor自定義樣式下拉 - 浮動

Item 1 
Item 2 
      FLoat right item 
Normal Item

我一直在試圖重寫樣式，但它不工作。它們是用JavaScript動態創建的，我甚至不確定類名是如何影響這個的。

任何人都知道我可以解決這個問題嗎？

我的風格的代碼是這樣的：

{ name: 'Image 25% Right', element: 'span', attributes: { 'class': 'img_right_25' } }, 
{ name: 'Image 25% Left', element: 'span', attributes: { 'class': 'img_left_25' } }, 
{ name: 'Image 50% Right', element: 'span', attributes: { 'class': 'img_right_50' } }, 
{ name: 'Image 50% Left', element: 'span', attributes: { 'class': 'img_left_50' } },

然後

.img_right_25 { 
    float:right; 
    margin-left:10px; 
} 
.img_left_25 { 
    float:left; 
    margin-right:10px 
}

來源

2014-10-20 Sean Anderson

在editor.css，嘗試添加這樣一個規則：

.cke_panel_listItem * { 
    float:none !important; 
}

然後刷新該頁面（確保editor.css的舊內容未被緩存使用！）。

這是試圖做什麼（我沒有測試過）是強制.cke_panel_listItem下的每個後代元素的浮點值爲「無」。 !important應確保此規則不能被後續樣式定義覆蓋，因此JS所做的樣式被忽略。

來源

2014-10-21 05:07:59 Nenotlep

我認爲contents.css也可能工作，但不知何故，我更喜歡這是在editor.css。 – Nenotlep 2014-10-21 05:08:52

CKeditor自定義樣式下拉 - 浮動

回答

相關問題