如何在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方法。）