ckeditor - ckeditor 内联编辑将一些类、角色和其他内容附加到我的 div

Question

如何防止或删除 ckeditor 在进行内联编辑时添加到我的 div 中的额外内容。

当我加载我的页面时，我的 div 看起来像这样：

<div contenteditable="true">

在我使用 ckeditor 编辑 div 中的内容并使用一些 ajax 保存内容后，保存编辑后 div 看起来像这样：

<div contenteditable="true" class="cke_editable cke_editable_inline cke_contents_ltr" tabindex="0" spellcheck="false" style="position: relative; " role="textbox" aria-label="Rich Text Editor, editor1" title="Rich Text Editor, editor1" aria-describedby="cke_56">

Answer 1

你不能这样做。这些属性是内部属性，CKEditor 需要这些属性来运行、识别元素、提供可访问性和修复错误。他们会在那里，直到你打电话editor.destroy()。

此外，您的方法一定有点错误，因为您的输出中有编辑器的容器。获取编辑器数据的正确方法是：

CKEDITOR.instances.yourInstanceName.getData();

这将过滤和修复所有内容。如果要将容器添加到输出中，请使用以下命令手动确定标签名称并连接字符串：

var data = CKEDITOR.instances.yourInstanceName.getData(),
    container = CKEDITOR.instances.yourInstanceName.container.getName();

console.log( '<' + container + '>' + data + '</' + container + '>' );