2012/06/17

EasyUpload for CKEditor

Most of the people think that the most commonly used dialogs in CKEditor are too complex for the average user. They show lots of options, and all the info at the same time.

This has always lead to people asking how to change them or how to achieve some feature to simplify that process: I have an image here and I want it there, don't ask me lots of questions and force me to get a degree on HTML in order to understand what's the meaning of all those fields.

So a long time ago I created a simplified version for FCKeditor and now it's the time to show an updated version for CKEditor.

Bear in mind that right now the demo is still half done, I want to show how to use it in different ways so you can get the code to configure it the way that you like just by looking at the demo; and of course, while I polish that part I'll find some adjustments for the plugin.

So you can start testing it in the demo page for Easy Upload for CKEditor. If you have some comments about what you think it's missing you can add them here and I'll try to address them.

What's different from the usual dialogs?

You can check the demo by yourself, but some highlights are:

  • If there's no image selected, the user is shown a simple page allowing him to choose the source of the image.
  • The extension of the image is validated before uploading it to the server
  • While uploading a file from his computer an animation is shown to signal the user that he must wait
  • When the image is ready, a simplified dialog is shown

Edit 27th November 2013

I've removed the option to get this plugin and instead I suggest you to use the SimpleUploads and use the CKEditor API to remove elements from the default dialogs.

I'll try to provide a sample page to show how to do that, with the advantage that now instead of a copy of the link or image dialogs you will be using the built-in dialogs and it will be easier to do version upgrades whenever CKEditor changes.

 

7 comments:

Saad Saad said...

Have you already used ckEditor in XulRunner ?

Alfonso Martínez de Lizarrondo said...

No, I've never used XulRunner at all.

Su Dongzhe said...

When are you going to update the image mapping plugin for CKEditor. We are definitely going to buy one(OEM), but the earlier the better, right?

Alfonso Martínez de Lizarrondo said...

It's comming ;-)
http://www.martinezdelizarrondo.com/ckplugins/imagemaps.demo/

I'm always in need of more time to do all the pending things.

uniterre said...

a tip :

if you need to always have target blank for the easyupload plugin, you can add :
bag['target']='_blank';

just after : bag['data-cke-saved-href']=value;

in the file.js file

I needed this because I use this plugin for uploadind pdf.

Deb said...

i don't think your plugin will work for the condition like the image has height and width in %. give a try and let me know. other wise I have to create the same..

Alfonso Martínez de Lizarrondo said...

I'm not sure to understand what you mean, the best option for you is to use the demo page and verify if it works there or not and if it fails, then explain what's the problem and the expected results.