2016-04-07 25 views
1

Style menüsünde kendi CSS sınıflarını ayarlayan ancak birbirini dışlamayan birden çok seçeneğe sahip olmak mümkün mü?CKEditor'da CSS sınıflarıyla özel olmayan stil kuralları

Örneğin, ben buna benzer bir şey olmasını istiyorum: o zaman

stylesSet: [ 
    {name: 'Very Large Padding', 
    element: 'p', 
    attributes: { 
     class: 'very-large-padding', 
    }}, 
    {name: 'Alternative Font', 
    element: 'p', 
    attributes: { 
     class: 'alternative-font', 
    }}, 
] 

CSS olarak, gibi bir şey:

.very-large-padding { padding: 4242px; } 
.alternative-font { font-family: "MyFont", sans-serif; } 

Bu çalışır, ancak sorun sahip olamayacağım olmasıdır hem " Çok Büyük Dolgu "ve" Alternatif Yazı Tipi "aynı anda aktiftir. Çizgiler, satır içi style özniteliği yerine CSS ile ayarlamayı içeren bir çözüm var mı?

cevap

2

CKEditor 4'teki blok stilleri birleştirilemez. Ancak, satır içi elemanları kullanabilirsiniz (yani span): buna rağmen,

{ 
    name: 'Very Large Padding with Alternative Font', 
    element: 'span', 
    attributes: { 
     class: 'very-large-padding alternative-font', 
    } 
}, 
+0

Bu gerçekten sorumu cevaplar:

<p><span class="alternative-font">Fo<span class="very-large-padding">oB</span>ar</span></p> 

veya melez bir stil oluşturmak: sonuçlanır

{ name: 'Very Large Padding', element: 'span', attributes: { class: 'very-large-padding', } }, { name: 'Alternative Font', element: 'span', attributes: { class: 'alternative-font', } }, 

benim gerçek durumumu çözmüyor, çünkü "çok büyük dolgulu" yanı sıra "çok büyük olmayan dolgu" ve "tamamen büyük dolgulu" ve "mikro dolgu" var. Satır içi stillerle, tek bir öğe üzerinde birden fazla dolguya sahip olmakla kolayca sonlanabilir. Stil kullanmak (CSS sınıfları yerine satır içi CSS) olsa bile, aynı şey olabilir, ancak bu sefer her stil kendi span öğesinde olacak. Bu, endişelendiğim kadar ciddi bir eksikliktir. . – frnhr