Cómo insert una image en la position del cursor en tinymce

Estoy usando los siguientes códigos para get el contenido 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 una image dentro del contenido de tinymce.

Pregunta: Cómo insert la image en la position del cursor dentro de tinymce (es decir) Cómo pnetworkingecir la position del cursor y dividir el contenido para insert la image entre el contenido recuperado.

Gracias por adelantado

2 Solutions collect form web for “Cómo insert una image en la position del cursor en tinymce”

Esto insertá un nodo de image en el punto seleccionado (position 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 

La respuesta de @Thariama funcionó bien para mí en Chrome, pero no en IE. Tuve que modificarlo a lo siguiente para que funcione en ambos browseres:

 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 decía que range no tenía un método insertNode ).

  • ¿Por qué mi TinyMCE está oculto en el área de text?
  • Cómo cortar, copyr y pegar desde JavaScript en el portapapeles del usuario
  • Llame a TinyMCE en un plugin de WordPress
  • Elementos seleccionados de envoltura exterior TinyMCE
  • Eliminar styles al pegar desde Word u otra fuente
  • cómo eliminar el atributo de título de tinymce textarea
  • La galería wp.mce.views anula la plantilla pnetworkingeterminada 'editor-galería'
  • IE no puede colocar el foco y el cursor en cuadros de text de input después de enfocarse en el editor tinyMCE
  • TinyMCE - button de enlace personalizado - "agregar enlace" está bien, pero no puede encontrar ninguna documentation para "editar enlace" y acceder a los attributes del enlace
  • El método TinyMCE es sucio
  • ¿Cómo iniciar TinyMCE 4 en modo de pantalla completa?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.