CKEditor4禁止嵌套的内联样式

时间:2019-03-20 11:11:52

标签: nested ckeditor4.x inline-styles

我正在使用CKEditor 4及其内联样式。当我通过样式下拉列表将样式应用于所选文本(例如“所有人”)时,我得到:

<p>Hi <small>everybody</small></p>

到目前为止很好。

但是,当我在选择的同一文本上应用另一种样式时(“所有人”)是嵌套样式:

<p>Hi <big><small>everybody</small></big></p>

我希望新样式删除以前的样式,类似于块样式:

<p>Hi <big>everybody</big></p>

我尝试自定义内联样式,如果我使用完全相同的样式和属性定义它,但只能选择相同的文本。如果所选文本不同(例如:“大家好”),则问题继续。我的意思是:

CKEDITOR.stylesSet.add( 'my_styles', [
    // Inline styles.
    { name: 'big', element: 'c', styles: { 'color': 'Blue' }, attributes: { 'idc':'11' } },
    { name: 'small', element: 'c', styles: { 'color': 'Red' }, attributes: { 'idc': '22' } } ]);

首先,我将“小”样式应用于文本“ erybo”,然后将“大”样式应用于文本“所有人”。我希望:

<p>Hi <c idc='11' name='big' style='color:Blue;'>everybody</c></p>

但结果是:

<p>Hi <c idc='11' name='big' style='color:Blue;'>ev<c idc='10' name='small' style='color: Red;'>erybo</c>dy</c></p>

谢谢。

0 个答案:

没有答案