如何配置CKEditor使其同时支持三种粗体HTML语法

解决方案 #

你之前配置失效的原因是overrides参数只传了单个元素名，该参数支持传入数组来同时匹配多种规则，按你的需求可以直接使用以下配置：

config.coreStyles_bold = {
  element: 'span',
  styles: { 'font-weight': 'bold' },
  overrides: ['b', 'strong']
};

该配置可以同时识别<b>、<strong>、<span style="font-weight:bold">三种粗体格式，选中任意格式的粗体文本时，粗体按钮都会自动激活，点击按钮也可以直接取消对应粗体样式。

如果你希望用户点击粗体按钮时默认输出语义化的<strong>标签，而非行内样式的span，可以改用下面的配置：

config.coreStyles_bold = {
  element: 'strong',
  overrides: [
    'b',
    { element: 'span', styles: { 'font-weight': 'bold' } }
  ]
};

配置完成后清除CKEditor缓存刷新页面即可生效。

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