Here is what I am doing:
I Added wordpress media upload with iframe popup when a button or link clicked. And with click of insert into post the image url placed on a textbox.
send_to_editor()
function handles image insertion to editor
window.send_to_editor = function(html) {
var imgurl = jQuery('img',html).attr('src');
current_item.siblings('.upload_image').val(imgurl);
current_item.parent().prepend('<div><img width="300" src="'+imgurl+'" alt="banner image" /></div>');
tb_remove();
}
So, you see the default send_to_editor is edited and changed. Now when i try to upload the image from wordpress editor image uploaded and click insert image to post. It doesn't work.
Question: How do i multiple instance of send_to_editor()
or parhaps creating and hook new js function to each instant of image uploader so they don't conflict?
Solution:
var original_send_to_editor = window.send_to_editor;
window.send_to_editor = function(html) {
var imgurl = jQuery('img',html).attr('src');
current_item.siblings('.upload_image').val(imgurl);
//current_item.siblings('#logo').remove();
current_item.siblings('.image-preview').html('<img src="'+imgurl+'" >');
tb_remove();
window.send_to_editor = original_send_to_editor;
}