在flex4 中使用 s:RichEditableText来显示html文本

import flashx.textLayout.conversion.TextConverter;

[xhtml:nogutter] view plaincopy

<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环境底下没有提示。