`

关于Flex4,textArea控件的htmlText属性被和谐。。。

    博客分类:
  • Flex
阅读更多

最近做的项目是网页游戏的聊天系统和好友系统,以前喜欢用flash 和flex 3开发,但是公司统一用的是FB开发的‍

用FB开发就开发呗,有什么的反正是一家的,是吧?但是真的做的时候 我就头晕了,做‍textArea控件的htmlText属性时

发现没有这个属性,我开始还以为老化看错了,这个正常的一个属性不可能就这样没的吧,。于是在找找帮助文档,我(#‵′)靠,

还真的没有这个属性,怎么办?去网上查了下,看了很多的同志们也是遇到了与我一样的问题,也是没解决的答案的,于是我

看了一些英文的资料才知道了一个东东:

          它现在包含Text布局框架(Text Layout Framework (TLF)),而TLF可以作为许多

Spark text组件的基础,例如RichText、RichEditableText、TextArea和 TextInput等组件,以及可以使用其中组件作为另一个

组件的部件的其它组件,例如ComboBox,ComboBox可以包含一个TextInput控件。 现在你可以对文本和文本流进行精细颗粒

的控制,并且能够利用你的UI实现若干真正令人惊奇的应用程序。 该框架非常广博。。。。

             晕了,估计你到了这里看了这篇文章也是和我一样,是无尽的迷茫与无助,怎么办?还好我研究了下终于研究到了

下面就说说吧:textArea控件有个textFlow属性 就是这样咯,下面就写代码了:

<s:TextArea id="txt" x="185" y="122" textFlow="{TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)}">
   </s:TextArea>

如果你写在‍<fx:Script>就这样写吧:

txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)

这里的txt是textArea控件的实例名称,str就是一个关于htmlText的字符了;

好了下面就给个完整的代码:

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
<s:TextArea id="txt" x="157" y="118" />
<s:Button id="btn" x="360" y="334" label="发送"/>
<s:TextInput id="input" x="167" y="332"/>
<fx:Script>
   <![CDATA[
    import flashx.textLayout.conversion.TextConverter; 
    [Bindable]
    private var str:String;   
     private function init():void
    {       
     btn.addEventListener(MouseEvent.CLICK,doclick);   
    } 
    private function doclick(e:MouseEvent):void
    {    
     str="<font color='#ff0000' size='25' face='宋体'>"+input.text+"</font>"   

     txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
      }   
   ]]>
</fx:Script>
</s:Application>

分享到:
评论
2 楼 xlaohe1 2011-10-25  
请问空格如何打、nbsp不行
1 楼 lingyezhiqiu 2011-09-19  
有没有发现用TextConverter.TEXT_FIELD_HTML_FORMAT后,html的样式发生了变化,我试了一下跟flex3中的htmltext属性显示的不一样呢?楼主没有遇到吗?

相关推荐

    fle中textarea控件中html文本显示与转换

    与Flex 3相比,Flex 4不再直接支持`textarea`控件的`htmlText`属性,而是采用了更为复杂的机制来实现HTML文本的显示。 #### 使用TLF引擎 在Flex 4中,可以利用TLF引擎提供的功能来间接实现HTML文本的显示。具体...

    flex解决textarea,input不能输入中文的方法

    当Flex应用作为嵌入式内容被加载到网页中时,`wmode` 属性的设置对于确保中文输入的正确性至关重要。默认情况下,Flash Player 使用 `window` 模式来渲染SWF内容,这可能导致与浏览器或操作系统之间的输入法切换不...

    flex基本控件总结

    首先,我们来看文本控件,主要包括Label、Text、TextInput和TextArea。 1. Label(标签):Label控件用于展示不可编辑的文本,它可以使用HTML格式,支持对齐和大小调整。Label的背景可设置为透明,使得文本直接显示...

    Flex课程学习(附带源码)

    MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、TextInput TileList、Tree、VSlider VideoDisplay 7、容器控件(可包含控件及容器控件) Canvas、ControlBar、Form...

    Flex使用问题汇总

    以上就是关于Flex使用中常见的一些问题和解决方案,包括改变验证控件样式、与HTML组件交互、禁用TextArea输入以及处理XML乱码问题。在实际开发中,遇到这些问题可以参考上述方法进行解决,同时也可加入相关交流群或...

    Flex中实现对一个text渲染不同的字体颜色示例

    在这个例子中,TextArea控件被用来显示已经格式化好的文本流。 4. s:Application标签和Script标签的使用 示例代码以s:Application标签作为应用程序的根元素。s:Application元素定义了Flex应用程序的入口点,它代表...

    FLex文档教程

    1. **控件**:包括基于文本的控件(如Label、Text、TextInput、TextArea和RichTextEditor)、基于按钮的控件(如Button、LinkButton、CheckBox、RadioButton和PopupButton)等。这些控件用于实现各种用户交互功能,...

    Flex中文基础教程

    &lt;mx:TextArea text="Say hello to Flex!" /&gt; ``` - **XML声明**:指定了文档类型为XML以及编码格式。 - **命名空间**:`xmlns:mx="http://www.adobe.com/2006/mxml"` 定义了MXML的命名空间。 - **根元素**:`...

    Flex中文帮助

    &lt;mx:TextArea text="Say hello to Flex!"/&gt; ``` 此示例展示了如何使用MXML定义包含文本区域和按钮的基本界面。MXML的强大在于它可以直观地描述界面布局,同时通过ActionScript添加复杂的功能和逻辑,使开发者...

    flex quick starts

    Flex提供了多种此类控件,包括Label、Text、TextArea、TextInput以及RichTextEditor。 - **Label**:用于展示单行文本信息。 - **Text**:同样用于展示文本信息,但可以展示多行文本。 - **TextArea**:与Text类似...

    Flex电子版中文教程

    &lt;mx:TextArea text="Say hello to Flex!"/&gt; ``` - **解析**: - `&lt;mx:Application&gt;`:定义了一个Flex应用程序的根节点。 - `&lt;mx:Panel&gt;`:容器组件,用于组织内部的其他组件。 - `&lt;mx:TextArea&gt;`:用于显示...

    Flex Builder教程

    1. **使用可视控件**:例如,基于文本的控件(Label、Text、TextInput、TextArea和RichTextEditor)用于显示和输入文本。其中,RichTextEditor提供了更丰富的文本编辑功能,允许用户设置文本格式和添加链接。基于...

    flex富文本

    开发者可以使用TextBase、TextArea或TextInput类来创建不同类型的文本输入控件,它们都继承自TextComponent。 2. **RichTextEditor**:如果需要一个完整的富文本编辑器,Flex提供了RichTextEditor组件,它允许用户...

    flex开发工具的学习.txt

    - **执行流程**:MXML文档被解析后,会根据其中的元素和属性生成对应的Flex组件实例。 - **与ActionScript的交互**:MXML中的组件可以通过绑定、事件处理等方式与ActionScript代码进行交互。 #### 三、Flex数据类型...

    flex3的cookbook书籍完整版dpf(包含目录)

    在TextInput及TextArea控件上使用Validator 和Formatter 15.2节. 如何创建一个自定义的Formatter 15.3节. 使用正则表达式创建国际化邮政编码Validator 15.4节. 如何创建一个Validator去验证通用商品代码(UPC) 15.5...

    Flx的创建发布及运行过程

    &lt;mx:TextArea text="Say hello to Flex!" /&gt; ``` 该示例展示了如何使用MXML定义一个简单的用户界面,其中包含一个文本区域和一个按钮。MXML文件中的标签对表示了各种UI组件,这些组件可以通过设置属性来自...

    Web-前端html+css从入门到精通 131. 表单扩展之标签.zip

    1. 控制表单元素的布局:使用`display`属性调整元素的显示方式,如`inline-block`、`block`或`flex`。 2. 定义尺寸:使用`width`、`height`属性调整表单元素的大小。 3. 文本样式:`font-size`、`color`、`font-...

    《HTML5+CSS3项目开发案例教程》习题答案.docx

    项目7介绍了表单元素,特别是密码输入框及其属性`disabled`,多行文本输入框`&lt;textarea&gt;`及其`cols`和`rows`属性,`&lt;fieldset&gt;`和`&lt;legend&gt;`用于组织和描述表单,以及必填表单控件的设定。 项目8涉及CSS3的边框和...

Global site tag (gtag.js) - Google Analytics