Javascript CKEditor自定义工具栏配置

我已经在这个论坛和CKEditor网站上浏览了几个关于这个主题的问题，但到目前为止没有任何帮助。首先，我正在SharePoint 2010网站上运行CKEditor 4.3.2，在jQuery UI模式对话框中使用内联编辑器。将CKEditor添加到对话框中是毫无痛苦的，但我不能说设置更精简的工具栏也是如此。以下是我迄今为止所做的工作：

slimConfig.js

CKEDITOR.editorConfig = function(config) {
    config.toolbar = [
        {name: "basicstyles", items: ["Bold", "Italic", "Underline", "Strike", "Subscript", "Superscript", "-", "RemoveFormat"]},
        {name: "paragraph", items: ["NumberedList", "BulletedList"]}
    ];
}

源JavaScript

setToolbar("notes");
setToolbar("access");
//. . .[several other fields]. . .

function setToolbar(divName) {
    CKEDITOR.replace(divName, {customConfig: "/customConfigs/slimConfig.js"});
}

此外，我还使用

contenteditable

将目标字段设置为div，如下所示：

<div id="notes" contenteditable="true"></div>

脚本似乎运行良好，直到它在ckeditor.js第308行遇到异常，错误文本为“编辑器实例已附加到提供的元素”。再过几步，它返回到第308行的同一区域，此时我收到一个终端异常，消息为“exception Trown and not Capture”

---

我相信我现在已经把一切都准备好了，但我不知道该如何处理这个错误。是否有人具有设置自定义工具栏的经验？

默认情况下，CKEditor将使用内联编辑器替换

contenteditable=“true”

的所有元素。因此，当您再次尝试替换它时，它将抛出一个错误，因为它没有意义

如果要完全控制编辑器，请设置为

false

，并手动处理所有实例。当然，如果需要，您可以在

CKEDITOR.instances

对象中找到您的实例，并调用

editor.destroy（）

---

请参见

我感谢您的反馈，oleq！不幸的是，我对CKEDITOR还是一个新手，即使是文档，我也没有多少运气。我在setToolbar调用的正上方添加了CKEDITOR.disableAutoInline=true行，并添加了CKEDITOR.inline（divName）；作为setToolbar（）中的第一行。这是正确的方向吗？你能举个例子吗？