Flowing text in Multiple TextAreas

This Logic Builder is particularly for Flex developers. And as it is, I am looking for the best solution to this! So here goes!

Flowing TextArea

The task is to flow a text in multiple text areas automatically. The height and width of each TextArea is fixed. There can be no scroll bars on any TextArea. When the text is overflowing (going out of the TextArea), it should be taken to the next TextArea. The application should show as many TextAreas as needed, to show the text entered.

As shown in the image, you can have a text area to enter the content, and a button. Clicking on the button should generate as many TextAreas as needed and flow the given text in them.

Hints:

 

3 comments ↓

#1 jwopitz on 04.03.08 at 7:29 pm

You know this would be really interesting if you were able to achieve the same concept of flowing text with overlapping text areas with no discernible separation of those text areas. Basically you’d be achieving the same thing as an html page with an image placed in the flow path of some text. I think some folks have done this already but with limited success. Nice job!

#2 Manish Jethani on 04.03.08 at 9:25 pm

Buzzword does some interesting things with text. I think they’re using multiple TextField objects with the text distributed across them (just as what you’re doing). They handle embedded images and so on quite well. They seem to be doing their own editing and selection instead of relying on the built-in functionality.

#3 Nirav on 04.15.08 at 6:37 pm

Trying to figure out how Buzzword does this. And yes, that’s pretty much what we are trying to do as well. I am reading Flex component source codes to roll a new component ;-)

Leave a Comment