我正在使用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>
谢谢。