Javascript Ckeditor Inline动态修改可编辑内容的工具栏

我正在为我的contenteditable div使用ckeditor inline

HTML看起来像

<div class="content" contenteditable="true">
  <p>Test</p>
  <p>Test</p>
</div>

这个似乎不起作用

JSFIDLE

---

提前感谢

通过将代码更改为以下内容来修复它

function changeToolBar() {
 var myToolBar = [{ name: 'verticalCustomToolbar', groups: [ 'basicstyles'], items: [ 'Bold'] }];
 var config = {};
 config.toolbar = myToolBar;
 CKEDITOR.instances.test.destroy();//destroy the existing editor
 CKEDITOR.inline('test', config);      
}

CKEditor.inline函数需要元素的id

---

jsiddle here

只需添加，您还可以为

.inline（）

提供对DOM对象的引用。

function changeToolBar() {
 var myToolBar = [{ name: 'verticalCustomToolbar', groups: [ 'basicstyles'], items: [ 'Bold'] }];
 var config = {};
 config.toolbar = myToolBar;
 CKEDITOR.instances.test.destroy();//destroy the existing editor
 CKEDITOR.inline('test', config);      
}