Javascript 为什么CKEditor将自己添加到不应该添加的DIV中？

我有一个页面，其中我已经将引导所见即所得和CKEditor一起初始化

问题是，尽管我使用

class=“CKEditor”

我的代码如下：

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

该网页可在以下网址找到：

尝试单击写有“带键盘快捷键的引导编辑器”的选项卡，该选项卡写有“继续…”。这就引出了Keckeditor onfocus，这很奇怪

---

我束手无策。有人能给我指路吗。我做错了什么？

默认情况下，CKEDITOR将自动连接具有

contenteditable=“true”

属性的元素。您想要关闭，或者可以在全局配置中完成

CKEDITOR.disableAutoInline = true;

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

---

基于您对启用CKEDITOR的评论

启用内联编辑

通过HTML5直接在HTML元素上启用内联编辑 contenteditable属性

例如，假设要使图元可编辑。 为了实现这一目标，这样做就足够了：

<div id="editable" contenteditable="true">
    <h1>Inline Editing in Action!</h1>
    <p>The div element that contains this text is now editable.
</div>

在线编辑开始了！
包含此文本的div元素现在是可编辑的。

还可以通过调用 CKEDITOR.inline方法：

<div id="editable" contenteditable="true">
    <h1>Inline Editing in Action!</h1>
    <p>The div element that contains this text is now editable.
</div>
<script>
    // Turn off automatic editor creation first.
    CKEDITOR.disableAutoInline = true;
    CKEDITOR.inline( 'editable' );
</script>

在线编辑开始了！
包含此文本的div元素现在是可编辑的。
//首先关闭自动编辑器创建。
CKEDITOR.disableAutoInline=true；
CKEDITOR.inline（‘可编辑’）；

---

您正在体验的是ckeditor

当您有一个包含以下内容的html元素时，它会自动实例化：

contenteditable="true"

要避免这种情况，可以删除此属性，也可以将其放入/Ckeditor/config.js文件中

CKEDITOR.disableAutoInline = true;

要在中绑定ckeditor，可以使用：

CKEDITOR.replace( 'editor1' );

如果要将其绑定到：

---

缩小的javascripts无助于理解这个问题。你在哪里实例化ckeditor？哦，对不起。我没有实例化ckeditor。我使用了他们的默认初始化过程，要求将class=“ckeditor”添加到需要ckeditor的文本区域。这是contenteditable=“true”的elemets的自动内联模式，非常感谢！这很有魅力。顺便说一句，@giammin也是对的，我们能做些什么呢？我们可以通过代码为单个元素启用它吗？是的，您可以手动调用希望成为编辑器的元素，就像文档中所说的那样：非常感谢您提供了详细的答案！：）只是一些其他人的信息绊倒在这。。。我正在使用CKEditor 4.3.2，并将

CKEditor.disableAutoInline=trueconfig.js

文件中的code>似乎没有任何效果。但如果我把它放在网页的

元素中，它确实起作用。斯科特·米切尔的评论解决了我的问题，节省了我的时间：）

CKEDITOR.inline( 'editor1' );