javascript - ajax 刷新后 TinyMCE init 失败

Question

我正在使用 TinyMCE 4.1.10 在页面上的多个 div 上启用内联编辑。在初始页面加载时一切正常，但如果我拆除编辑器并在 ajax 调用中重新绑定(bind)文本区域，TinyMCE 将不会连接到它们。绑定(bind)是通过 Knockout 完成的。

这是最初加载数据的函数，也会在发生刷新时调用。

    this.loadLetterFields = function () {
        var editors = $("div.editable");
        for (var i = editors.length - 1; i > -1; i--) {
            var ed_id = editors[i].id;
            tinymce.execCommand("mceRemoveEditor", false, ed_id);
        }

        $.getJSON(_this.fieldURL + "/" + _this.letterId() + "/" + _this.clientId() + "/" + _this.caseId(), function (data) {
            for (var i = 0; i < data.length; i++) {
                // Reload fields
            }
        });

        tinymce.init({
            selector: "div.editable",
            inline: true,
            menubar: false,
            statusbar: false,
            toolbar: "bold italic underline | alignleft aligncenter alignright | bullist numlist outdent indent",
            forced_root_block: false
        });
    };

我已经从几个 SO 帖子中拼凑出我所拥有的东西，但这似乎是一个反复出现的问题。有什么解决办法吗？这是已知错误吗？

更新:我只是注意到它似乎不是 所有 的 div，但是工作的 div 和不工作的 div 没有区别。它们都是由同一个 ko if binding 生成的。

Answer 1

我遇到了类似的问题。我的解决方案是在调用重新加载之前调用 tinyMCE.remove();。然后 tinyMCE.init(); 将按预期工作。