Javascript 使用TinyMCE execCommand插入元素并保留引用

使用TinyMCE4时，可以使用在光标处插入内容

.execCommand('mceInsertContent', false, 'content')

我需要插入内容，但保留对所述内容的引用。我试过了

var div = document.createElement('div');
tinymce.activeEditor.execCommand('mceInsertContent', false, div);

但是tinyMCE抛出了一个错误。这个问题被问了好几个地方，但从未得到过一个答复。比如说

及

有一种方法：

var span = tinymce.activeEditor.getDoc().createElement('span');
span.setAttribute('id', 'test');
tinymce.activeEditor.execCommand('mceInsertContent', false, span.outerHTML);
var my_elem = tinymce.activeEditor.getBody().querySelector('#test');
console.log('my_elem', my_elem);

如果需要，在以后删除id属性（您也可以使用class属性或其他任何东西）