« Enable Smoothing on Images for scaling in Flex 2 | Main | Designing More Usable Applications with Flex UI Capabilities »
September 12, 2006
Rich Text Editor with Disclosable Controls in Flex 2
I recently worked on a project that called for the use of the Rich Text Editor control. In our case it was determined that some users would never had the need to format their text. In fact, I'd venture to say in most cases were a Rich Text Editor is called for in an RIA, there are a subset of users or use-cases where those controls are not required.
For that reason, there's a property called "showControlBar" which allows you to show or hide the control. However, there's no out-of-the-box affordance for setting this property at runtime. What follows is a simple example that adds a child to the Rich Text Editor that shows and hides the control bar.
It should be said, as always, the following example was created by myself, and I am a User Experience Consultant, not a developer. So, this should be seen as an example of good User-Experience pattern, but should not be seen as a best-practive recommendation for development. For starters, it would have probably been good to componentize it. But, is a simple example with just a few lines of code anway.
To download the source, click here.
Posted by Peter Baird at September 12, 2006 10:17 AM
Comments
Do you think there is a solution to the sluggish behavior when I paste many lines of text in this app?
Posted by: Gloria at September 19, 2006 07:58 PM
I like it
Posted by: haan at October 17, 2006 05:48 AM
This is cool - are looking at enhancing this with links and images etc - this seems to be the only wysywyg editor fir flex around!
Posted by: Hoobamac at January 5, 2007 01:49 PM
If you need more here is a really cool editor - but it's not free: http://www.flashloaded.com/flashcomponents/flashtexteditor/
Posted by: Homer J at April 1, 2007 11:04 PM
it's a shame this doesn't produce clean xhtml, it would be really useful with some customization.
Posted by: montana at September 19, 2007 11:56 AM