1. #1
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    2
    Samuelsan is on a distinguished road

      1  

    Default Image upload/editor plugin for htmlEditor field

    Image upload/editor plugin for htmlEditor field


    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

    Some screenshots:

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

    Added image crop/ rotate on uploaded images.
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,207
    Vote Rating
    856
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Your demo is broken. Look at the console.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    2
    Samuelsan is on a distinguished road

      0  

    Default


    Coincidence, I was uploading a new version to the ftp. I updated the link, please check it now.

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    2
    Samuelsan is on a distinguished road

      0  

    Default


    First version of the code is ready to download on gitHub.
    Cheers!

  5. #5
    Sencha User
    Join Date
    Mar 2010
    Location
    Delft - The Netherlands
    Posts
    28
    Vote Rating
    3
    bas_tzx is on a distinguished road

      0  

    Default


    Quote Originally Posted by Samuelsan View Post
    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?

  6. #6
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    2
    Samuelsan is on a distinguished road

      0  

    Default


    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.

  7. #7
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    2
    Samuelsan is on a distinguished road

      1  

    Default


    Version 1.0 ready.

  8. #8
    Sencha User
    Join Date
    Jul 2011
    Location
    Russia
    Posts
    41
    Vote Rating
    3
    another_i is on a distinguished road

      0  

    Default


    it looks good! thanks.

  9. #9
    Sencha User richardhell's Avatar
    Join Date
    Jan 2010
    Location
    Lima - PerĂº
    Posts
    5
    Vote Rating
    0
    richardhell is on a distinguished road

      0  

    Default


    Yeah! It looks like cool.