Insert an image into a tinymce editor
I've used the command
tinyMCE.execCommand('mceInsertContent', false, '<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');
to insert the image in tinyMCE after extracting the URL from the image's src
.
Note that you need to pass the CSS style of the image to tinyMCE in the command.
EDIT: for Tiny MCE 4.x, the insert image code can be simplified to: tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');
Here's the demo.
The fiddle from user2314737 is broken. So I combine with Fei Hap Lee's solution to have working one.
tinymce.activeEditor.insertContent('<img alt="Smiley face" height="42" width="42" src="' + sr + '"/>');
fiddle