First: Great tool you have developed here, I am really amazed! This is probably the first WYSIWYG I dare use in a site since it usually is so difficult to use and easily messes up the code.
The problem:
I want to change the default behavior of the image functionality. When clicking on the image-button in the toolbar, I want the standard dialog to pop up, but I want to change how it works with the "Browse" button. Instead of having the browse button, I want to have a regular form file/upload button, so that the user immediately browses his/her disk, selects and image, which then goes through an ajax-call that uploads the file and returns the url, which then is put in the url-input.
I've been looking like crazy and it is my understanding that there exist some kind of "Quick Upload" functionality, but I was not skilled enough and did not find enough help online to be able to do this.
Where I lack skill is how to change the button functionality and how I can easily add a callback which performs the ajax callback, and if possible without having to mess around in the source. I very much prefer to work with configs and adding/changin events in my "client" code.
The problem:
I want to change the default behavior of the image functionality. When clicking on the image-button in the toolbar, I want the standard dialog to pop up, but I want to change how it works with the "Browse" button. Instead of having the browse button, I want to have a regular form file/upload button, so that the user immediately browses his/her disk, selects and image, which then goes through an ajax-call that uploads the file and returns the url, which then is put in the url-input.
I've been looking like crazy and it is my understanding that there exist some kind of "Quick Upload" functionality, but I was not skilled enough and did not find enough help online to be able to do this.
Where I lack skill is how to change the button functionality and how I can easily add a callback which performs the ajax callback, and if possible without having to mess around in the source. I very much prefer to work with configs and adding/changin events in my "client" code.
Re: Image Upload - Change the default browse button - Quick Upl.
It seems like what I'm looking for is easiest done by lookin at the demo examples (my bad for not thinking of checking that one). If someone has a similar problem, check:
http://nightly.ckeditor.com/latest/cked ... ialog.html
And I would guess the easiest way is to remove the default browse-button and add a custom one, as done in the example and then add the functionality wanted.
Re: Image Upload - Change the default browse button - Quick Upl.
Update! Example code for changing the browse-button functionality for image uploads:
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; // Check if the definition is from the dialog we're // interested on (the "Link" dialog). if ( dialogName == 'image' ) { // Get a reference to the "Link Info" tab and the "Browse" button. var infoTab = dialogDefinition.getContents( 'info' ); var browseButton = infoTab.get( 'browse' ); //Make the browse button visible and add a onClick function browseButton.hidden = false; browseButton.onClick = function () { alert( "test" ); } } });