Skip to content

[Draft] Image Plugin

Jotschi edited this page Nov 11, 2011 · 2 revisions

TODOs

  • insert image
    • When text selected the text will be replaced
    • when selection id collapsed the image is insert at that position (see link plugin).
    • When an image is inserted a default size should be configureable
    • if an image is bigger (wider) that the current Editable, the image should be resized to the width of the Editable
  • link a search in Repository for image items at keystroke in src field and show suggestions
    • add Entries to the LinkList plugin or configure more repositories.
    • A flickr repo would be nice… :) Implementation should be more or less same as delicous.
  • at srcChange :
    • Try to load image - shows loading representation while image loads
    • if image is found shows it else shows an error
    • scrChange handler for custom implementation
  • on srcFieldBlur, if the user lets srcfield empty, ask for tag removal or puts a default remove the image.
  • size increase/decrease repeat when mouse button pushed but not released for size/padding buttons.
  • add format scope for image where a formatting options are (alignment, sizes ,etc) (the image tab is for src an title)
  • Drag and drop upload (HTML5 and for current browsers) - see Drag&DropFiles
h3. Problems
  • CLOSED a Target editable must be selected before trying Drag&Drop !!!!! - can't handle editable using the scope of dropped event.
    • Even if the Editable are not active they could be drag targets. Ex. the highlighting could change behavior once a dragable is over and blink twice or do something to notify that the dragable can be released here. Before the drop event active the target editable.
    • Alternate fix in 1a631db - images will be dropped before drop dom el, do not need any editable active. will drop in any possible editable.
    • Stabilized in eba36bb
  • CLOSED in 7f8b44f All thoses buttons and fields can't be handled with basic FloatingMenu Objects. see here
    • Use FloatingMenu API as in format plugin (need help)

DragAndDrop Files

  • img plugin behaviour : push the base64 img data in src attribute in event if dropped file is image type (filtering mime/type) - DONE
  • configurable default max width/height for displayed img

Ideas

  • implements some pushing actions at drop file event for flickr or similar (need to check CSS security about flickr)
about that see here
  • GENTICS.FloatingAttributes : an attribute floating ext.Panel container in core, vertical design, scrollable for handling an attribute/style list of key_label/value_field elements. ===> This will be great for a css plugin.
Clone this wiki locally