2014-10-20 5 views
0

CKEditor 버전 4를 사용하고 있습니다. 사용자 지정 스타일을 만들고 있습니다. 스타일이 드롭 다운에 표시 될 때 문제가있다, 플로트 어떤 스타일 : 바로이 같은 화면에 걸쳐 이동 : 나는 스타일을 재정의하는 시도하고있다 그러나 그것은 작동하지 않습니다CKeditor 사용자 지정 스타일 드롭 다운 - 수레

Item 1 
Item 2 
      FLoat right item 
Normal Item 

. 그것들은 JavaScript로 동적으로 생성되며 클래스 이름이 이것에 영향을 줄지조차 확신하지 못합니다.

누구든 해결할 수있는 방법을 알고 계십니까?

스타일에 대한 나의 코드는 다음과 같다 :

.cke_panel_listItem * { 
    float:none !important; 
} 

하는 것은 다음 새로 고침 :이 같은 규칙을 추가하려고

{ 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' } }, 

및 editor.css에서 다음

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

답변

0

을 페이지 (editor.css의 이전 내용이 캐시에서 사용되지 않았는지 확인하십시오!).

이 작업을 수행하려고 시도한 (테스트하지는 않았 음) .cke_panel_listItem 아래의 모든 하위 요소가 float 값이 "none"이어야합니다. !important은이 규칙을 후속 스타일 정의로 재정의 할 수 없으므로 JS로 만든 스타일은 무시됩니다.

+0

contents.css도 효과가 있을지 모르지만 어떻게 든 editor.css에 있어야한다고 생각합니다. – Nenotlep

관련 문제