Finding a solution to wiki image uploading

[Desita]

So, I ran across this nifty little tip on the VB forums about a modification to implement an image uploading script to work on your forum. Problem being the instructions were made for 3.8.x
http://www.vbulletin.org/forum/showthread.php?t=307803

I'm at the point where I have the script ready to go, but I can't for the life of me figure out how to add the button to the editor.
I tried looking at your plugins to ckeditor, but I'm no coder and that didn't help at all. So I figured I'd try asking here in hope that a solution is much easier than I'm making it out to be since the team here obviously has experience in doing this since you've done it yourself.

He provides all the code he used and a working demo login as well, so you can see what it looks like. I've tried making a plugin.js file and added the hooks and whatnot according to http://www.vbulletin.org/forum/showthread.php?t=278828


I was able to get a button to appear next to the quote button as it says. But when I change it from the hello world stuff he put in as default, it complains and the editor errors out. I obviously have no idea what to put in there to replace the code he used for his VB 3 install.

[pegasus]

Take the window.open part (content of the onclick attribute) from the vB3 example and put it as the hello world part of the CKeditor example.

[Desita]

Yeah it worked great. For reference in case others want to do this, here is everything I did to make this work on VB 4.2.2 in the ckeditor.

1. Install the image software as described in http://www.vbulletin.org/forum/showthread.php?t=307803. I got the 1.6.5 download and it was working fine for me. All set up and good to go.

2. I followed the guide to add a button here: http://www.vbulletin.org/forum/showthread.php?t=278828, as was already pointed out.

3. And the thing that made it all work for me:
Replace

alert('Hello world!');
editor.insertHtml( 'Hello World! - Hello World!' );

With

window.open('http://IMAGEHOST/BASE-URL-HERE/index.php?mode=vbull&tpl=.&forumurl=' + escape(document.location.href), '_imagehost', 'resizable=yes,width=860,height=625');

Aside from renaming all the 'celButtonDemo' into something else, that is all I can recall changing from his provided code. Didn't have much luck with changing where the button appeared. Replacing "Quote" with "Image" broke things for me.
I won't say the the setup is perfect, but it works. For example, by button is off center. Would love to know how to fix that.