尝试让 TinyMCE dom.replace 在 WordPress 中工作

Question

这是我想做的事的一个例子：

var dom = tinymce.get( 'content' ).dom;

var newel = $( '<p/>' ).html( 'some html with text' );
var oldel = dom.get( dom.select( 'oldelID' ) );

dom.replace( newel.get(0), oldel );
                   ^^^^^

我收到以下错误消息：未捕获类型错误：无法在 'Node' 上执行 'replaceChild'：参数 1 不是 'Node' 类型。

但是，newel和oldel都是Node类型的对象。

是否需要将新的 el 对象插入 DOM 才能工作？

Answer 1

参数1为jQuery对象，在replaceChild函数中使用，需要将其转换为javascript对象。

这可以使用 jQuery 中的 get function 来实现。

var dom = tinymce.get( 'content' ).dom;

var newel = $( '<p/>' ).html( 'some html with text' );
var oldel = dom.get( dom.select( 'oldelID' ) );

dom.replace( newel.get(0), oldel );

尝试让 TinyMCE dom.replace 在 WordPress 中工作

Trying to make TinyMCE dom.replace work in WordPress

javascript

jquery

tinymce-4