Manipulating Image Dialog Upload Definition

The Upload Tab dialog definition in plugins/dialogs/image.js

            
                                      {
               id : 'Upload',
               hidden : true,
               filebrowser : 'uploadButton',
               label : editor.lang.image.upload,
               elements :
               [
                  {
                     type : 'file',
                     id : 'asset[uploaded_data]',
                     label : editor.lang.image.btnUpload,
                     style: 'height:40px',
                     size : 38
                  },
                  {
                     type : 'fileButton',
                     id : 'uploadButton',
                     filebrowser : 'info:txtUrl',
                     label : editor.lang.image.btnUpload,
                     'for' : [ 'Upload', 'asset[uploaded_data]' ]
                  }
               ]
            }

I would like to have it look something like this, modifying from the CKEditor constructor:

                                      {
               id : 'Upload',
               hidden : true,
               filebrowser : 'uploadButton',
               label : editor.lang.image.upload,
               elements :
               [
                  {
                     type : 'file',
                     id : 'asset[uploaded_data]',
                     label : editor.lang.image.btnUpload,
                     style: 'height:40px',
                     size : 38
                  },
                  {
                     type : 'fileButton',
                     id : 'uploadButton',
                     filebrowser : {
                       action : 'QuickUpload',
                       target : 'info:txtUrl',
                       params : {
                         foo : 'bar'
                       }
                     },
                     label : editor.lang.image.btnUpload,
                     'for' : [ 'Upload', 'asset[uploaded_data]' ]
                  }
               ]
            }

I need to be able to do this on the page that draws the CKEditor because the URL that images will be uploaded to is different depending on the page the editor is instantiated on. How can I override this Dialog Definition?

CKEDITOR.replace('editor_id', {
  // what will enable me to overload that JSON literal?
});

Wed, 11/04/2009 - 21:28

magoo

Joined: 22/01/2008

Posts: 5

Re: Manipulating Image Dialog Upload Definition

I am not sure It will help you, but I propose you to take a look at the sample code

http://ckeditor.com/apps/ckeditor/3.0.1 ... ialog.html

that you can also find in your downloaded ckeditor.

You could do something like


CKEDITOR.on( 'dialogDefinition', function( ev ) {
                // Take the dialog name and its definition from the event
      // data.
      var dialogName = ev.data.name;
      var dialogDefinition = ev.data.definition;

                if( dialogName == 'image' ) {
                      var uploadTab = dialogDefinition.getContents('Upload');
                      uploadTab.elements[1].filebrowser =  {
                       action : 'QuickUpload',
                       target : 'info:txtUrl',
                       params : {
                         foo : 'bar'
                       }
                     };
                 }

            
}