CKEditor样式下拉列表:将类添加到选定元素

CKEditor样式下拉列表:将类添加到选定元素,ckeditor,ckeditor4.x,Ckeditor,Ckeditor4.x,我在CKEditor中尝试的是添加一些应该应用于多个元素的自定义样式。我的每个元素(标题从h2到h6,再加上链接a)必须有3个只改变颜色的项目 避免逐一描述每种风格:H2红色、H2蓝色、H2绿色、H3红色、H3。。。我想像往常一样从格式列表中选择元素,然后从样式列表中选择项目。我将有3种样式:红色、蓝色、绿色,它们可以通过简单地添加一个类而不是通过定义元素本身来应用于所选元素 这可行吗 我考虑过使用自定义颜色列表(),但颜色是随颜色代码“动态”添加的,因此,当您的站点颜色发生变化时,您不能简单地

我在CKEditor中尝试的是添加一些应该应用于多个元素的自定义样式。我的每个元素(标题从h2到h6,再加上链接a)必须有3个只改变颜色的项目

避免逐一描述每种风格:H2红色、H2蓝色、H2绿色、H3红色、H3。。。我想像往常一样从格式列表中选择元素,然后从样式列表中选择项目。我将有3种样式:红色、蓝色、绿色,它们可以通过简单地添加一个类而不是通过定义元素本身来应用于所选元素

这可行吗

我考虑过使用自定义颜色列表(),但颜色是随颜色代码“动态”添加的,因此,当您的站点颜色发生变化时,您不能简单地更改“3类颜色”属性,您必须修改所有编写的文本,这是我不希望看到的,而且确实不太优雅

我尝试设置一个这样的样式,没有指定的元素(我在Drupal下,但我们并不关心):

但它不起作用,会自动添加一个跨度

谢谢你的帮助

一年来也没有答案,所以这不应该是可行的

if (typeof(CKEDITOR) !== 'undefined') {
  CKEDITOR.addStylesSet( 'drupal',
  [
    {
      name : 'Blue',
      attributes :
      {
        'class' : 'color-blue'
      }
    },
    {
      name : 'Green',
      attributes :
      {
        'class' : 'color-green'
      }
    },
    {
      name : 'Red',
      attributes :
      {
        'class' : 'color-red'
      }
    },
  ]);
}