jquery - CKEditor - 内联：以禁用模式显示

Question

我正在尝试在内联模式下使用 CKEditor，如下所示：

var div = $("div.content");
CKEDITOR.disableAutoInline = true;
CKEDITOR.inline( div[0]);

单击 div 时，将显示 CKEditor 工具栏，但所有按钮都被禁用，我无法编辑任何内容。当使用 CKEDITOR.replace(..) - 我得到了普通的编辑器，一切正常。任何想法内联设置有什么问题？谢谢

Answer 1

该元素 ( div.content) 需要有一个contenteditable属性设置为true。没有它，它处于正常的只读模式。

var div = $( 'div.content' );
div.attr( 'contenteditable', 'true' );
CKEDITOR.disableAutoInline = true;
CKEDITOR.inline( div[ 0 ] );