1. 9 Dec 2011 7:45 AM #1
    Samuelsan
    Samuelsan is offline
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    1
    Samuelsan is on a distinguished road
      0  

    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
    Reply With Quote Reply With Quote
  2. 9 Dec 2011 10:07 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,684
    Vote Rating
    435
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    Your demo is broken. Look at the console.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 9 Dec 2011 10:20 AM #3
    Samuelsan
    Samuelsan is offline
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    1
    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.
    Reply With Quote Reply With Quote
  4. 10 Dec 2011 4:49 AM #4
    Samuelsan
    Samuelsan is offline
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    1
    Samuelsan is on a distinguished road
      0  

    Default


    First version of the code is ready to download on gitHub.
    Cheers!
    Reply With Quote Reply With Quote
  5. 23 Jan 2012 1:33 AM #5
    bas_tzx
    bas_tzx is offline
    Sencha User
    Join Date
    Mar 2010
    Location
    Delft - The Netherlands
    Posts
    28
    Vote Rating
    0
    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?
    Reply With Quote Reply With Quote
  6. 23 Jan 2012 11:13 AM #6
    Samuelsan
    Samuelsan is offline
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    1
    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.
    Reply With Quote Reply With Quote
  7. 21 Jun 2012 1:53 PM #7
    Samuelsan
    Samuelsan is offline
    Sencha User
    Join Date
    Jun 2011
    Posts
    11
    Vote Rating
    1
    Samuelsan is on a distinguished road
      1  

    Default


    Version 1.0 ready.
    Reply With Quote Reply With Quote
  8. 21 Jun 2012 10:39 PM #8
    another_i
    another_i is offline
    Sencha User
    Join Date
    Jul 2011
    Location
    Russia
    Posts
    39
    Vote Rating
    3
    another_i is on a distinguished road
      0  

    Default


    it looks good! thanks.
    Reply With Quote Reply With Quote
  9. 30 Oct 2012 10:40 AM #9
    richardhell
    richardhell is offline
    Sencha User richardhell's Avatar
    Join Date
    Jan 2010
    Location
    Lima - Perú
    Posts
    5
    Vote Rating
    0
    richardhell is on a distinguished road
      0  
    Send a message via MSN to richardhell

    Default


    Yeah! It looks like cool.
    Reply With Quote Reply With Quote