CKEditor中带有CSS类的非独占样式规则

样式菜单中有多个选项可以设置自己的CSS类，但不能相互排斥吗

例如，我想要类似的东西：

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

在CSS中，类似于：

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

---

这是可行的，但问题是我不能同时激活“超大填充”和“替代字体”。是否有一种解决方案，即通过CSS而不是内联

style

属性设置样式？

不能组合CKEditor 4中的块样式。但是，您可以使用内联元素（即

span

）：

其结果是：

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

---

这确实回答了我的问题，尽管它不能解决我的实际情况，因为除了“非常大的填充”之外，我还有“不是非常大的填充”和“完全巨大的填充”以及“微型填充”。使用内联样式，我可以很容易地在单个元素上使用多个填充。即使使用样式（即内联CSS而不是CSS类），同样的事情也会发生，但这次每个样式都有自己的span元素。就我而言，这是一个严重缺失的功能。诸如此类。。。

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

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