Flex: TextArea attached Image

Question

Is there any advanced TextArea that can attach an image (the image is attached to the text), and the image can be moved inside the text area. I know that a text area can support html text and can embed an image tag, but it is very limited. I cannot move an image inside textArea by dragging it or even adding events to it. Is there any approach or solution or suggestion that you can give me? Your help to the guys is greatly appreciated.

Answer 1

It should be possible to use the new (ish) TextLayoutFramework (TLF), which comes with CS5 and Flash Builder 4 http://labs.adobe.com/technologies/textlayout/

It has advanced location information for emails, and also supports embedded images similar to the html method.

Also check the text flow options from this developer: http://guyinthechair.com/tag/flash-text-engine/

It looks like you will need to add an interaction layer to achieve your desired results, and it might be easier to use.

Answer 2

It looks like you will need to create a custom component for this function. Dragging an image around TextArea is very custom.

Flex documentation on custom components

, TextArea

Answer 3

The solution is TLF (text layout structure). With TLF, you can use TLF markup to send rich text and images to TextFlow. It is very powerful, but also complex. Here is a list of tags you can use:

http://blogs.adobe.com/tlf/2009/09/tlf-markup-overview.html

I created an HTML editor using it and I am impressed with it. It supports image resizing, drag-n-drop, advanced formatting, etc.

Hope this helps!