如何在tinymce中的光標位置插入圖像

Question

我正在使用以下代碼來獲取tinymce的內容。

tinymce_content=tinyMCE.get('txt_area_id').getContent(); 
updated_content=tinymce_content+"<img src="sample.jpg">"; 

通過使用上述代碼，我在tinymce內容中插入圖像。

問題：如何在tinymce（即）內的光標位置插入圖像如何預測光標位置並拆分內容以在獲取的內容之間插入圖像。

預先感謝

Answer 1

這將在TinyMCE的編輯

var ed = tinyMCE.get('txt_area_id');    // get editor instance 
var range = ed.selection.getRng();     // get range 
var newNode = ed.getDoc().createElement ("img"); // create img node 
newNode.src="sample.jpg";       // add src attribute 
range.insertNode(newNode);       // insert Node 

Answer 2

@Thariama's answer在Chrome工作得很好，我插入在所選擇的點（光標位置）的圖像節點，但不是在IE。我不得不把它修改爲以下讓它在兩個瀏覽器的工作：

var ed = tinyMCE.get('txt_area_id');    // get editor instance 
var newNode = ed.getDoc().createElement ("img"); // create img node 
newNode.src="sample.jpg";       // add src attribute 
ed.execCommand('mceInsertContent', false, newNode.outerHTML) 

（IE告訴我，range沒有一個insertNode方法。）