Opened 6 years ago

Closed 6 years ago

#1484557 closed Feature Requests (fixed)

Compose Window (TinyMCE): Add in-line image using attachment

Reported by: richs Owned by:
Priority: 5 Milestone: 0.1-stable
Component: Core functionality Version: git-master
Severity: normal Keywords: tinymce, in-line, image, images, attachment
Cc:

Description

A recently requested feature is "in-line" image attachments. This isn't supported by Yahoo, Gmail or Hotmail yet, so it might be a Webmail first.

The latest version of TinyMCE does allow one to browse, upload, and display a local image:

http://tinymce.moxiecode.com/example_full.php?example=true

Several changes are needed to Roundcube to support this. From what I gather:

  • Upgrade TinyMCE (ticket #1484520)
  • Incorporate TinyMCE "Insert Image" browse-upload function with RoundCube attaching.
  • Change uploaded attachment names in "temp" to include file-type extension.
  • Change "temp" .htaccess to permit access to files (but not dir listings).
  • Instruct TinyMCE to use the uploaded attachment for temporary image display.
  • Interpret in-line "cid:" images properly when opening a Draft for TinyMCE.
  • Upon Saving/Sending:

Change header Mime-encoding to "multipart/related".
Add "Content-ID: <filename>" to MIME information for attached images.
Change in-line links from "hxxp://.../temp/attachmentname" to "cid:filename".

Anyone familiar with TinyMCE mind starting this, or refining what needs to be done?

Thanks!

Change History (1)

comment:1 Changed 6 years ago by estadtherr

  • Milestone set to 0.1-stable
  • Resolution set to fixed
  • Status changed from new to closed

I added inline image attachment capability. The user interface isn't perfect, but this method most easily integrates with both the TinyMCE interface and the MIME sendmail interface. The process is as follows:

  1. Add an image file as an attachment (using the form on the left side of the compose page)
  2. Select the "insert/edit image" button on the toolbar
  3. Choose the filename of the attachment from the "Image list" selection menu and press "Insert"
  4. TinyMCE will render the image (using a new task/action fetch)
  5. When sending, the display URL will automatically be converted to an inline attachment content-id URL.
Note: See TracTickets for help on using tickets.