初始化内联编辑后,将删除CKEditor 4嵌套的跨度元素

初始化内联编辑后,将删除CKEditor 4嵌套的跨度元素,ckeditor,inline,html,Ckeditor,Inline,Html,我有一个div,它的contenteditable=true。当我双击它时,我在CKEditor中触发了内联编辑代码,它成功地显示了CKEditor工具栏 $("#content_id").attr("contenteditable", true); ckeditor_instance = CKEDITOR.inline( content_id ); 现在我有了一个LineHeight和LetterSpacing插件,它似乎是CKEditor工具栏中的下拉菜单(一个由其他人制作的插件,我只

我有一个div,它的contenteditable=true。当我双击它时,我在CKEditor中触发了内联编辑代码,它成功地显示了CKEditor工具栏

 $("#content_id").attr("contenteditable", true);
 ckeditor_instance = CKEDITOR.inline( content_id );
现在我有了一个LineHeight和LetterSpacing插件,它似乎是CKEditor工具栏中的下拉菜单(一个由其他人制作的插件,我只复制了实现),当我设置文本的LineHeight和LetterSpacing并重新初始化CKEditor时,出现了问题

为了说明这一点,以下是场景:

这是div的默认html

<div id="mycontent" contenteditable=true>
    <span>The quick brown fox jumps over the lazy dog</span>
</div>
4.我再次双击div,并使用CKEDITOR.ini(content_id)上面的代码再次初始化,现在html将如下所示

<div id="mycontent" contenteditable=true>
    <span>The quick brown fox jumps over the lazy dog</span>
</div>

敏捷的棕色狐狸跳过了懒狗
div将恢复到其原始状态,并删除具有样式字母间距和行距的跨距


有人经历过这样的事情吗?

经过几个小时的反复试验,多亏了Reinmar,他给了我这份文件:并把我带到了这里

现在一切都很好

它就像一个符咒,我还不知道为什么。我只是将allowedContent设置为true,因为在文档中它说:

true–将禁用过滤器(数据不会被过滤,所有 功能将被激活)

希望这不会有副作用。

请参见:
 <div id="mycontent" contenteditable=true>
    <span style="line-height:2px;">
        <span style="letter-spacing:6px;">
            <span>The quick brown fox jumps over the lazy dog</span>
        </span>
    </span>
 </div>
$("#content_id").attr("contenteditable", false);
CKEDITOR.instances[content_id].destroy();
<div id="mycontent" contenteditable=true>
    <span>The quick brown fox jumps over the lazy dog</span>
</div>
$("#content_id").attr("contenteditable", true);
ckeditor_instance = CKEDITOR.inline( content_id );
$("#content_id").attr("contenteditable", true);
ckeditor_instance = CKEDITOR.inline( content_id, {
  allowedContent : true
});