What I need to do is show an "uploading" text somewhere when the file is being sent to the server. Currently what I was trying to do is on the click of "Send it to server" button in the upload tab, I want to change the text of that button to "Uploading" so as the user will atleast know that the file is being uploaded. I consoled that button and found that i was getting an onClick event handler. I used it but it just wouldnt fire.
Here is my code.
CKEDITOR.replace('textarea1', { filebrowserImageUploadUrl: '/upload' }); CKEDITOR.on('dialogDefinition', function(ev) { var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; if (dialogName == 'image') { dialogDefinition.onLoad = function() { var dialog = CKEDITOR.dialog.getCurrent(); var uploadTab = dialogDefinition.getContents('Upload'); var uploadButton = uploadTab.get('uploadButton'); console.log('uploadButton', uploadButton); uploadButton['onClick'] = function(evt){ console.log('fire in the hole', evt); } uploadButton['filebrowser']['onSelect'] = function(fileUrl, errorMessage) { console.log('working'); } }; } });
Notice that the onSelect handler successfully fires after the image has been uploaded to the server, but the onClick event wouldnt fire. I hope you look into this matter. And if you have a more better way of indicating the user that the file is being uploaded, I would really like to know.
I am using CKEditor: version 4.3.3(I tried both with minified and unminified code) Browser: Chrome 33.0
Let me know if you want any other details. Thank you.