在CKEditor中可以避免样式嵌套？

Question

我想限制样式下拉列表中可用的特定类的嵌套。

span.my-style-1不能嵌套span.my-style-2。

我希望使用disallowedContent规则至少递归所选元素，并根据应用于它的选择返回true或false。

实际上它被卡住了，只根据第一种风格打印假元素（my-style-1）。

CKEDITOR.stylesSet.add( 'my_styles', [
    { name: 'My Style 1', element: 'span', attributes: { 'class': 'my-style-1' } },
    { name: 'My Stile 2', element: 'span', attributes: { 'class': 'my-stile-2' } },
  ]
);
CKEDITOR.config.allowedContent = {
  $1: {
    elements: CKEDITOR.dtd,
    attributes: true,
    styles: true,
    classes: true
  }
};
CKEDITOR.config.disallowedContent = {
  span: {
    match: function( element ) {
      console.log(element.classes, element.children.length, element.parent);
      return false;
    }
  }
}