Cómo insertar una imagen en la posición del cursor en tinymce

Question

Estoy usando los siguientes códigos para obtener el texto de tinymce.

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

Al usar los códigos anteriores, estoy insertando la imagen dentro del contenido de tinymce.

Pregunta: Cómo insertar la imagen en la posición del cursor dentro de tinymce (es decir) Cómo predecir la posición del cursor y dividir el contenido para insertar la imagen entre el contenido recuperado.

Gracias de antemano

Answer 1

Esto insertará un nodo de imagen en el lugar seleccionado (posición del cursor) en un editor de 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 funcionó bien para mí en Chrome, pero no en IE. Tuve que modificarlo para que la siguiente a conseguir que funcione en ambos navegadores:

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 me estaba diciendo que range no tenían un método insertNode.)