为什么CKEditor要将自己添加到不应该添加的div中呢？

Question

我有一个页面，其中我已经初始化了Bootstrap-WYSIWYG和CKEditor。

问题是CKEditor不断地将自己添加到Bootstrap-WYSIWYG中，即使我已经使用class="ckeditor"专门初始化了CKEditor。

我的代码如下：

<textarea class="ckeditor" name="editor1"></textarea>

该页面可在editors.html上找到

试着点击一个标签，上面写着“带有键盘快捷键的引导编辑器”、“写在哪里的”、“继续.”。这就引出了CKEditor onfocus，这太奇怪了！

我快疯了。有人能指点我吗。我做错了什么？

Answer 1

默认情况下，CKEDITOR将自动连接具有contenteditable="true"属性的元素。您希望关闭CKEDITOR的自动内联编辑，或者可以在全局配置中完成。

CKEDITOR.disableAutoInline = true;

我更喜欢在代码中，而不是在配置中这样做，所以如果有人使用它，你就不要把它们搞砸了。

基于您对启用CKEDITOR http://docs.ckeditor.com/#!/guide/dev_inline的评论

启用内联编辑 内联编辑是通过HTML5内容可编辑属性直接对HTML元素启用的。 例如，假设您希望使一个元素可编辑。为了实现这一点，只需这样做就够了：

Answer 2

您正在体验的是ckeditor 内联编辑器模式。

当您有一个html元素时，它会被自动实例化：

contenteditable="true"

为了避免这种情况，您可以删除该属性，也可以放入/Ckeditor/config.js文件

CKEDITOR.disableAutoInline = true;

要在标准模式中绑定ckeditor，可以使用：

CKEDITOR.replace( 'editor1' );

如果您想将它绑定到内联模式中

CKEDITOR.inline( 'editor1' );