tinymce.dom.replace 引发有关 parentNode 的异常

Question

我正在编写一个 tinyMce 插件，其中包含一段代码，将一个元素替换为另一个元素。我正在使用编辑器的 dom 实例来创建要插入的节点，并且我正在使用相同的实例来进行替换。

我的代码如下：

var 节点数据 = { “data-widgetId”：data.widget.widgetKey(), "data-instanceKey": "instance1", src: "/content/images/icon48/cog.png", 类：“widgetPlaceholder”， 标题：data.widget.getInfo().name }; var nodeToInsert = ed.dom.create("img", nodeData); // 将此内容插入编辑器窗口 if (data.mode == 'add') { tinymce.DOM.add(ed.getBody(), nodeToInsert); } else if (data.mode == 'edit' && data.selected != null) { var instanceKey = $(data.selected).attr("data-instancekey"); var elementToReplace = tinymce.DOM.select("[data-instancekey=" + instanceKey + "]"); if (elementToReplace.length === 1) { ed.dom.replace(elementToReplace[0], nodeToInsert); } 别的 { 抛出新的“没有元素可以用该实例键替换”； } }

TinyMCE 在替换过程中中断，这里：

替换：函数（n，o，k）{ 变量 t = 这个； if (is(o, 'array')) n = n.cloneNode(true); 返回 t.run(o, 函数(o) { 如果（k）{ 每个（tinymce.grep（o.childNodes），函数（c）{ n.appendChild(c); }); } return o.parentNode.replaceChild(n, o); }); },

..出现错误Cannot call method 'replaceChild' of null。

我已验证传入replace() 的两个参数不为空，并且它们的parentNode 字段已实例化。我还注意确保使用相同的文档实例创建和替换元素（我知道 I.E 对此有问题）。

我在 Google Chrome 中完成了所有这些开发，但我在 Firefox 4 和 IE8 中也收到了同样的错误。有没有其他人遇到过这个？

提前致谢

Answer 1

事实证明，我只是以错误的顺序传递参数。我应该先传递要插入的节点，然后传递要替换的节点。