插入元素

Question

使用TinyMCE4，您可以使用

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

我需要插入的内容，但保留一个参考插入在光标的内容说的内容。我试过

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

但tinyMCE会引发错误。这个问题已被问到几个地方，但从未收到过单一的答复。例如

Reference for inserted element through execCommand (insertContent) in TinyMCE

和

http://www.tinymce.com/forum/viewtopic.php?id=35214

Answer 1

有一个办法：

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属性（你也可以使用一个类属性或任何其他）。