javascript - CKEditor - 未捕获的类型错误 : Cannot read property 'clearCustomData' of null in Chrome

Question

我在我的应用程序中使用 CK 富文本编辑器。我有一个模态弹出窗口，其中我有三个选项卡 - 每个选项卡都呈现相同的部分 View ，其中我有一个字段调用描述，这是我使用 CK 编辑器的内容。当我使用 IE 11 时，一切都按预期工作，并且每次文本区域保持为富文本编辑器时，带有 Textarea 的选项卡加载变成了 CK 编辑器框并在选项卡之间导航。但是，当我第一次打开模式框时，我在 Chrome 中看到了奇怪的行为，每个选项卡上的描述文本区域都按预期变成了 ck 编辑器，并且当我在它们之间切换时，每个选项卡都是正确的文本区域。但是在 Chrome 中，如果我关闭模式框并返回，我会在控制台中收到上面的错误吗？如果我打开模式框并在选项卡之间导航 6 次，我会出现相同的错误，然后失去作为 CK 富文本编辑器呈现的文本区域的功能。有没有人有类似的东西或有可能的解决方案。

我的js文件中的代码如下:

$(document).ready(function () {

    var editor = CKEDITOR.instances['Description'];
    if (editor) { editor.destroy(true); }
    CKEDITOR.replaceAll();

});

在 3 个选项卡中呈现的局部 View 的 cshtml 标记如下:

 <div class="row">
                @Html.LabelFor(model => model.Description)
                <div class="col-md-10">
                    @Html.TextAreaFor(model => model.Description)
                </div>
            </div>

Answer 1

使用这段代码来破坏CK编辑器:

 try {
     CKEDITOR.instances['textareaid'].destroy(true);
 } catch (e) { }
 CKEDITOR.replace('textareaid');