太牛了~

　　今天在往项目中添加ckeditor的时候，出现一些异常，在firebug下显示的错误是：

uncaught exception: [CKEDITOR.editor] The instance "xxxx" already exists.

出现这个错误的原因是之前对于某个textarea的ckeditor编辑器已经实例化了，实例化的id被注册到了CKEDITOR.instances[]这个数组之中，在页面没有刷新的情况下，重新添加一个ckeditor实例的时候，如果新添加的这个实例的注册id和已经存在的实例的id相同，那么就会出现如上那个冲突。

　　那么如何解决呢？

　　根据上边那一段说明的原因，避免这种情况有两种解决办法，其一，修改新添加的实例的id让这个id是独一无二的，避免冲突；其二，将CKEDITOR.instances[]这个数组之中冲突的id注销，然后再添加。对于第二种解决办法，可参考如下代码：

function loadEditor(id){
    var instance = CKEDITOR.instances[id];
    if(instance){
        CKEDITOR.remove(instance);
    }
    CKEDITOR.replace(id);
}

　　对于我遇到的这个问题，我准备是用第二种解决办法，然而按照如上方法却无论如何无法解决，错误依旧存在…..所以就开始了我2个小时的调试之路了。我的错误如下：

uncaught exception: [CKEDITOR.editor] The instance "theContent" already exists.

　　textarea的代码如下：

<textarea class="articleContent" name="articleContent" id="theContent"></textarea>

　　相关处理的js代码片段如下：

addCkeditor(theContent.eq(0).attr('name'));
//添加ckeditor编辑器；
function addCkeditor(name){
    var editor = CKEDITOR.instances[name];
    if(editor) editor.destroy(true);
    CKEDITOR.replace(name);
}

　　见如上代码可知，虽然按照如上第二种发放，销毁了实例，但是却还是一直提示错误。为什么呢？经过查找各种资料，去是完全无果。回到程序继续调试，最后却发现，由于之前的粗心而忽略了一点重要线索：“The instance “theContent” already exists.”这句户中的实例id-”theContent”。由于我之前的一个认识误区，以为我传到CKEDITOR.replace()的是name，那么注册到CKEDITOR.instances[]中的就是这个name，但是，实际情况却并非如此。回过去头再去看看textarea的代码，发现我传递给CKEDITOR.replace()的名称是”articleContent”，而注册到CKEDITOR.instances[]中的却”theContent”，所以，即使我destroy了，但是却没有销毁到本应销毁的那个实例！然后我将代码改进一下，然后一切都恢复正常，改进代码如下：

　　改进后的textarea代码：

<textarea id="articleContent" name="articleContent" flag="theContent"></textarea>

　　改进后的js代码如下：

var theContent = $('textarea', container).filter(function(){
    return $(this).attr('flag') === 'theContent';
});
if(theContent.length === 1)
    addCkeditor(theContent.eq(0).attr('name'));

//添加ckeditor编辑器；
function addCkeditor(id){
    var editor = CKEDITOR.instances[id];
    if(editor) editor.destroy(true);
    CKEDITOR.replace(id);
}

　　经过改进之后，一切正常了。

　　关于我自己遇到的实际问题，关于ckeditor的使用，有如下总结：

1. 出现“uncaught exception: [CKEDITOR.editor] The instance “xxxx” already exists.”这样的错误，表名是实例的id冲突了；
2. 对于要用ckeditor的textarea如果有id这个属性存在，那么即使传递给CKEDITOR.replace()的是”name”或者”class”，注册到CKEDITOR.instances[]中的却还是id名；
3. 如果textarea中没有id属性，那么注册到CKEDITOR.instances[]中的就是”name”，即使还有”class”属性注册进去的还是”name”属性；