Question

ok, I have a snippet at jsfiddle, I have two textarea’s, right one is a tinymce editor and on the left textarea I need to load the images onclick of a particular option in a dropdown.

Every thing is self explanatory in the fiddle. I need help in loading the image in the textarea.

Can somebody point me in a right direction. I have commented the paths of five image files in fiddle.

http://jsfiddle.net/TgZXL/73/

Thanks

Answer 1

This worked using your js-fiddle code. Just place this on top of your html code like i did in http://jsfiddle.net/TgZXL/75/ :

<script type="text/javascript">
function create_img(source){
    //console.log(source);
    ed = tinymce.get('second');
    ed.execCommand('mceInsertContent',false,'<img src="'+source+'"/>')
}
</script>

<table>
    <tr><td colspan="2"><select name="sel" id="sel" onchange="create_img($('#first').val())">