CKEditor + IE7+8“null 或不是对象”错误

Question

我的问题是我使用 CKEditor 3.4 jQuery 插件，在编辑器上执行 $(selector).val(html) 调用时，它在 IE 7+8 中给我一个错误：

错误： 'this.$.innerHTML' 为 null 或不是对象

...在调试器中运行时，指向巨大的 CKEditor.js 中的这行代码：

getHtml:function(){var i=this.$.innerHTML;return c?i.replace(/<\?[^>]*>/g,''):i;}

...在源代码中转换为：

getHtml : function()
{
    var retval = this.$.innerHTML;
    // Strip <?xml:namespace> tags in IE. (#3341).
    return CKEDITOR.env.ie ? retval.replace( /<\?[^>]*>/g, '' ) : retval;
},

我的违规代码（精简，但仍然给出错误）：

var editor_data = $("textarea#body").val();
$("textarea#body").val(editor_data);

...以及后代的文本区域代码：

<textarea name="body" rows="15" cols="50" class="wysiwyg" id="body"></textarea>

我尝试在 IE8 中的 jsFiddle 中复制，但奇怪的是它按预期工作。我也很想提供一个工作示例，但不幸的是，由于我无法控制的原因，我无法提供。

我也尝试过这个修复，它解决了错误问题，但之后 setData 没有按预期工作，只是覆盖了编辑器内容。我承认这个问题+修复有点超出我的能力...： http://dev.ckeditor .com/ticket/4566

（抱歉，帖子很长：S）我也尝试在 CKEditor 中使用直接 JavaScript API（放弃 jQuery 集成），但它抛出了相同的错误。

有人希望我尝试解决这个问题，或者对它可能是什么有任何预感吗？我们将不胜感激！

Answer 1

就我个人而言，我不喜欢包含修改源代码的现有答案，因为一旦您更新 ckEditor，您就必须记住再次修改源代码。我遇到了与原始海报相同的问题，并找到了一个被认为是黑客但完全可用的修复程序。简单地说，Try/Catch 让 IE8 中的一切变得美好而快乐。现在在IE7下进行测试。此修复的另一个好处是，当失败时，您不会留下空白数据，而是可以获得尝试检索的实际内容。

var editor = $('textarea.editor').ckeditorGet();
var vPageContent = "";
try{
    vPageContent = editor.getData();//function call fails here
} catch(err){
    vPageContent = editor.getData();//but will work here
}

Answer 2

可能不是最好的解决方案，但看看这个：
http://dev.ckeditor.com/ticket/4566

它声称替换为

getHtml:function(){var i=this.$.innerHTML;return c?i.replace(/<\?[^>]*>/g,''):i;},

将

getHtml:function(){return (this.$) ? this.$.innerHTML : "";},

解决问题。

我并不是说这是正确的答案，但我今天遇到了同样的问题，并且（目前）它似乎有效。

Answer 3

小心多余的逗号。 IE 不喜欢多余的逗号。您可以使用 json lint 检查代码中是否有多余的逗号