PDA

View Full Version : Image upload/editor plugin for htmlEditor field



Samuelsan
9 Dec 2011, 7:45 AM
Hi, I'm working on a plugin to be able to insert and edit images on htmlEditor field.I tried it successfully on the following browsers:
Chrome 15
Safari 5
Firefox 8
Internet Explorer 8
Opera 11.6 (Opera 11.51 has a bug with uploads)

.In addition, I made a little trick to allow image resizing on webkit browsers. (They dont have native support). With Safari or Chrome, if you click on one image you can resize it dragging the mouse or with the mousewheel.You have a demo here: goo.gl/TiwLE (http://goo.gl/TiwLE)
(http://goo.gl/F3LxS)
Some screenshots:

Edit:
Download version 0.3
https://github.com/samiracho/HtmlEditorImageUpload

(https://github.com/samiracho/HtmlEditorImageUpload)Added image crop/ rotate on uploaded images.

mitchellsimoens
9 Dec 2011, 10:07 AM
Your demo is broken. Look at the console.

Samuelsan
9 Dec 2011, 10:20 AM
Coincidence, I was uploading a new version to the ftp. I updated the link, please check it now.

Samuelsan
10 Dec 2011, 4:49 AM
First version of the code is ready to download on gitHub.
Cheers!

bas_tzx
23 Jan 2012, 1:33 AM
First version of the code is ready to download on gitHub.
Cheers!

Hi Samual, your image upload plugin looks very promising! :)
I haven't used it yet, but is it possible to add some more configuration settings? For instance, make it possible to enable/disable the (serverside) image manipulation (cropping, rotating) and the styling options?

Samuelsan
23 Jan 2012, 11:13 AM
Nice idea. I added three new config options.

disableServerSideEdit:
Enables/disables server side image editing buttons.
By default false.

disableDelete:
Enables/disables server side image deletion.
By default false.

disableStyling:
Enables/disables image css styling.
By default false.

You can download the latest version from the github repository.

Samuelsan
21 Jun 2012, 1:53 PM
Version 1.0 ready.

another_i
21 Jun 2012, 10:39 PM
it looks good! thanks.

richardhell
30 Oct 2012, 10:40 AM
Yeah! It looks like cool. =D>