[Solved] InsertImage - replace default functionality

[Andrej Kaurin]

I need to replace default window with custom one when InsertImage is pressed. Is this possible?

[Atanas Korchev]

Hi kaan,

 Yes, this is possible. You can subscribe to the OnLoad client side event and attach a click handler to the image button:

    function onLoad() {

        $(this).find('.t-insertImage').click(function(e) {

            e.preventDefault();

            e.stopPropagation();

            //your code here

        });

    }

You can check the Custom Tools example which shows how to open a dialog and modify the window contents.

Regards,
Atanas Korchev
the Telerik team

[Kevin]

//Your code here...


How do I get a reference to the editor that contains the image button?

let's say I have 5 editors on the page and I put this function on my page.  All 5 editors are going to now have their insert image functionality replaced with this function .  However, I need to execute similiar functionality to what is already in place.  I just want to be able to edit/maintain the pages/images/etc from a pop-up.

So, basically, i'm asking:  Can you provide or point me in the right direction to mimic the current functionality of the insert image or insert html link but with all "new"code?  (i.e. provide a copy of the existing code so that I can edit parts of it.

Or point me in the right direction. 

Thanks