在flex4 中使用 s:RichEditableText来显示html文本
import flashx.textLayout.conversion.TextConverter;
- <s:Group width="100%" height="102">
- <mx:Image horizontalAlign="left" width="100%" height="100%"
- maintainAspectRatio="false"
- source="@Embed(source='assets/images/txtbg1.png')" includeIn="Odd"/>
- <mx:Image horizontalAlign="left" width="100%" height="100%"
- maintainAspectRatio="false"
- source="@Embed(source='assets/images/txtbg2.png')" includeIn="Even"/>
- <s:Scroller width="100%" height="100%">
- <s:RichEditableText id="postContent"
- editable="false"
- paddingTop="5"
- paddingLeft="5"
- paddingBottom="5"
- paddingRight="5"
- textFlow="{TextConverter.importToFlow(tbThread.content, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
- />
- </s:Scroller>
- </s:Group>
完成了在一个透明的区域,显示一个底图,同时此区域可以显示html文本。
文本的产生是通过<mx:RichTextEditor>来录入的。
注意:这里使用了<s:RichEditableText>,相类似的组件有 spark.components.RichText .但是这个控件不能附属滚动条。好像在4.1.5以后也不使用了。放在在ide环境底下没有提示。