narent wrote:

http://geekswithblogs.net/narent/archive/2006/07/14/85195.aspx

This link has very sketchy information on how to implement a custom file browser!

narent wrote:

please use above link to get the complete detail for customizing and implemeting fileBrowseCallback function using TinyMCE examples.

No, you better don't because it doesn't really tell you how to insert the information returned by your own custom file browser window into TinyMCE's dialogue window fields!

I once helped a member of this forum with this kind of problem in another thread: http://tinymce.moxiecode.com/punbb/view … hp?id=2276

We should make a sticky thread describing this feature or extend TinyMCE's documentation with a more elaborate description on this matter.

Greetings from Germany,

Felix Riesterer.

Last edited by Felix Riesterer (2006-07-17 16:57:14)

I finally managed to write a more elaborate How-To on this matter.

As there already is a Wiki set up for all TinyMCE-related stuff I decided to put it there.

How do you like it?

Greetings from Germany,

Felix Riesterer.

Hi sehmaschine!

Your nick seems German to me... ;-)

sehmaschine wrote:

still, I do get a js-error.
win.document has no properties

Well, doesn't this sound like one of those most explanatory JS error messages returned by this junk pile of a browser called "Internet Explorer"...?

sehmaschine wrote:

, referring to the following line of your script:
win.document.getElementById(field_name).value = URL;

I followed your steps and I´m not sure what´s the cause.

Neither am I. By the way: I've updated some code in this documentation. The JavaScript function you refer to is the following which I improved a little bit:

function mySubmit() {
  var URL = document.my_form.my_field.value;
  var win = tinyMCE.getWindowArg("window");
  // insert information now
  win.document.getElementById(tinyMCE.getWindowArg("input")).value = URL;
  // for image browsers: update image dimensions
  if (win.getImageData) win.getImageData();
  // close popup window
  tinyMCEPopup.close();
  }

If your "win" still has "no properties" I'd suggest you try to add some alert instructions that tell a bit more about this "win"-object. Maybe using Firefox might help, too, because it has vastly more informative error messages than IE!

If you can't do this, then maybe you would like to give us more of your code... a link to your test site maybe even? I hate to guess if it isn't really neccessary. ;-)

Greetings from Germany,

Felix Riesterer.

Hi there,

very nice article, it was just what i was looking for.. except for one small thing. I want to use and change the advlink plugin and use my custom upload  tool inside the advlink form. So i add a button for uploading and call a function onClick(). The Uploadtool i am using is FilePicker (.net). Somehow when i use the above script to open the FilePicker.aspx, it closes the parent window, which is the advlink window.

If i just open the Filepicker.aspx with a window.open(...) is works ok but i get no postback into my form. Any suggestions?

Felix Riesterer: Great document, however, it does not seem to work anymore with the newest version of tinyMCE.
When I use your document to create a custom filebrowswercallback, then link window closes when I click the "file browser" icon, and therefore messes with the call back.  If I use a window.open, everything works fine.
I use the newest Firefox (1.5.0.6).

Fantastick radio4fan!  Felix Riesterer: great speed at updating your document!
Thank you both.

Hi,

I am trying to do two things and have looked at your comments and posts above and still can't get them to work.

I simply want to override the standard image button and manipulate the return values once the pop up has closed.
I have tried to implement a custom file browser call back, but it never fires?

I've also tried to use insertimage_callback and then found that it recommends you use execcommand_callback instead.
I tried using execcommand_callback and I got this to work.

I want to understand what I have done wrong, here's my init below...I must have made a simple mistake but can't see it? Any pointers.....

tinyMCE.init( {
            relative_urls : false,
            theme : "advanced",
            mode : "textareas",
            file_browser_callback : "mceImage.fileBrowserCallBack",
            content_css : "../../../css/wysiwyg.css",
            force_br_newlines : true,
            plugins : "paste",
            theme_advanced_buttons0 : "",
            theme_advanced_buttons1 : "code,bold,italic,underline,justifyleft,justifycenter,justifyright,justifyfull,separator,sub,sup,charmap,separator,bullist,numlist,separator,link,unlink,separator,image,separator,styleselect,removeformat",
            theme_advanced_buttons2 : "",
            paste_create_paragraphs : true,
            paste_create_linebreaks : true,
            paste_use_dialog : true,
            paste_auto_cleanup_on_paste : true,
            paste_convert_middot_lists : true,
            paste_unindented_list_class : "unindentedList",
            paste_convert_headers_to_strong : true
        } );

function fileBrowserCallBack(field_name, url, type, win) {
//function here
}

thanks Felix, I removed the 'mceImage' part of the call so its now just

file_browser_callback : "fileBrowserCallBack"

however when I click on the 'insert/edit image' button my function doesn't fire, the default function associated with the command 'mceImage' still fires?

do i need to define a custom button?

regards
Ralph

I emptied the browser cache and tried again, still no luck. It still fires the default function as I have some debugging in there.

It ignores my callback and runs the function execCommand : function(editor_id, element, command, user_interface, value) located in editor_template_src.js on line 154.

Do I need a special button to do this?? i am trying to override the button as define by 'image' in the advanced themes toolbar.

thanks Felix, it makes sense now.

I've got my code to work by hacking the tinymce source but I might make a plugin to make it neater.

I've been using tinymce with .Net, so I will write up how I got it to work and put it up on the Wiki.

this all never works with .net

yeah, any idea why this happened http://forums.asp.net/thread/1284342.aspx ?
I have gridview in the filebrowser page to let user pick the existing page. everytime i include the tinymce script for popup, all buttons (select button, paging button, etc) does not work with the error __EVENTTARGET is null.