Drupal中CKEditor自定义样式无法同时多选如何解决？

以下是Drupal内置CKEditor实现多自定义样式叠加的两种常用方案：

方法1：开启多样式叠加（适用于需要灵活组合不同类的场景） #

• 进入Drupal后台路径：管理 > 配置 > 内容创作 > 文本格式和编辑器
• 找到你正在使用的文本格式（如完整HTML、基础HTML），点击右侧「配置」按钮
• 下拉找到CKEditor插件设置区域的「样式」配置项：
  • 如果你是手动编写stylesSet配置，不要给同一元素的多个样式设置相同的group属性，同group的样式默认互斥，只能选中一个
  • 如果你使用可视化配置界面，取消勾选「同组样式互斥」相关开关（部分版本翻译为「样式组单选模式」）
• 保存配置后回到编辑器，选中目标元素后依次点击不同样式，即可叠加多个类
  

CKEditor 5 专属说明 #

Drupal 10及以上版本默认使用CKEditor 5，默认支持类叠加，只需要在样式配置中把每个自定义样式设置为「基于元素的类附加」模式，不要设置为「替换元素样式」，即可依次选中多个样式叠加应用。

方法2：创建复合样式预设（适用于固定常用的类组合场景） #

如果有固定搭配的类组合，你可以直接在样式列表新增一个组合样式，一次点击即可应用全部类：

• 同样进入对应文本格式的CKEditor配置页面，找到样式配置区域
• 新增一条样式规则，示例如下：

  { "name": "装饰大标题", "element": "h1", "attributes": { "class": "titre fancy" } }
  

• 保存后样式列表会出现「装饰大标题」选项，选中h1后点击即可同时添加两个类

注意事项 #

配置完成后请检查对应文本格式的「过滤设置」，在「允许的HTML标签」规则中加入你需要使用的titre、fancy等自定义类，否则保存后类会被过滤器自动清理。

内容的提问来源于stack exchange，提问作者m_sultan