MVC 4 CKEditor内联编辑器不显示工具栏

Question

我正在使用自定义CMS构建MVC 4，并使用CKEditor编辑页面。我对内联编辑器有疑问。我将div分配给我在CKEditor文档中读取，它应该将div自动转换为带有工具栏的CKEditor（我已经看到了demo）。

但每次我用段落或列表或任何东西点击我的div时，光标确实闪烁，我可以编辑文本，但没有显示工具栏。

我没有更改config.js。我尝试使用简单的代码，但它不起作用。请帮忙......

尝试使用此代码：

<div contenteditable="true" id="editor1">
    <p>EDIT ME!</p>
</div>

不能编辑它。

Answer 1

尝试以下代码：

$('.editor1').click(function() {
  var name;
  for(name in CKEDITOR.instances) {
      var instance = CKEDITOR.instances[name];
      if(this && this == instance.element.$) {
        return;
    }
}
$(this).attr('contenteditable', true);
CKEDITOR.inline(this);
});