Topic: Question about text/layout
I'm not precisely sure where the best place to put this is, but since it's a layout issue, I'm putting it here.
What I'm doing is I have a textarea where the user leaves a comment and then along side of that I have a "live preview div" where the user can see their formatting immediately (a neat toy I'm just messing around with). So, as they type they can see the allowed tags being parsed and whatnot.
Thing is, this preview area is relatively small (8x30 ems of Helvetica 11pt), and while the text will automatically wrap once it reaches the right edge of the div, if I don't do anything as the post gets long the preview text will spill off the bottom of the preview area and start messing the layout up.
What I'm asking is, is there any graceful way to make a font (especially variable-width) conform to a specific area? And, beyond that, when we've reached the capacity, how to scroll old characters off the screen and new ones on?
Just a thought experiment.