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

最新推荐文章于 2021-06-19 05:15:34 发布

原创最新推荐文章于 2021-06-19 05:15:34 发布 · 6.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #flex #image #import #ide

Flex 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种在Flex中结合图片背景和滚动条展示HTML文本的方法。使用<s:RichEditableText>组件来显示通过<mx:RichTextEditor>编辑的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环境底下没有提示。