插入元素

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