尝试在textarea控件中显示HTML文本

我已经创建了一个textArea元素，但无法显示我的HTML内容。如果我只是显示常规文本，或者如果我将textArea元素更改为RichEditableText元素，则可以正常工作。由于这是针对移动应用的，我更愿意使用Adobe推荐的textArea元素。尝试在textarea控件中显示HTML文本

以下是textArea的MXML代码。我得到的只是边框，并且没有显示任何内容。

<s:TextArea id="myHelp" editable="false" width="100%" height="100%"> 
<s:textFlow> 
    <s:TextFlow> 
    <s:p fontSize="20">Version: 1.0.0.1</s:p> 
     </s:TextFlow> 
    </s:textFlow> 
</s:TextArea>

任何帮助，将不胜感激。

欢呼声，

来源

2012-04-15 user1332657

<s:TextArea id="txt_ar" textAlign="justify" 
borderAlpha="0" editable="false">

然后写乌尔HTML字符串

textrichtml:String = "your html string"

然后使用下面的代码。

txt_ar.textFlow = TextConverter.importToFlow(textrichtml,TextConverter.TEXT_FIELD_HTML_FORMAT);

来源

2012-04-15 18:09:20

谢谢，但，不能正常工作。经过一些更多的研究后，我发现一篇文章指出Adobe不支持在移动皮肤中使用textArea的TLF。但Adobe建议使用textArea，而不是RichEditableText用于移动设备。 Unbelieavable。 [link] http://workflowflash.com/49235/adding-html-text-to-a-flex-mobile-textarea-2.php – user1332657 2012-04-15 23:33:49

在Flex 4.0中htmlText属性在TextArea中被删除，您可以使用content属性或TextConverter。

<?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"> 
    <s:layout> 
     <s:BasicLayout /> 
    </s:layout> 
    <fx:Script> 
     <![CDATA[ 
      import flashx.textLayout.conversion.TextConverter; 
     ]]> 
    </fx:Script> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
     <fx:String id="htmlSample"> 
      <![CDATA[This is <font color="#EE1122">HTML text</font> in a <b>TextArea control</b>. Use the <u>textFlow property</u> of the <font color="#22A050">TextArea control</font> to include basic HTML markup in your text.</s:a>. 
     ]]></fx:String> 
    </fx:Declarations> 
    <s:VGroup left="10" right="10" top="10" bottom="10"> 
     <s:TextArea id="htmlDisplay" width="400" height="100" editable="false"> 
      <s:content>This is <s:span color="#FF0000">HTML text</s:span> 
       in an <s:span fontWeight="bold">Spark TextArea control</s:span>. 
       Use the <s:span textDecoration="underline">content</s:span> property 
       of the <s:span color="#008800">Spark TextArea control</s:span> 
       to include basic HTML markup in your text, including 
       <s:a href="http://www.adobe.com" target="_blank">links</s:a>. 
      </s:content> 
     </s:TextArea> 

     <s:TextArea width="400" height="100" editable="false" textFlow="{TextConverter.importToFlow(htmlSample, TextConverter.TEXT_FIELD_HTML_FORMAT)}"> 
     </s:TextArea> 
    </s:VGroup> 
</s:Application>

或者使用htmlText属性的文本区域

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> 
    <mx:Script> 
     <![CDATA[ 
      [Bindable] 
      private var _htmlText:String = "This is 14 point blue italic text.<br><b><font color='#000000' size='10'>This text is 10 point black, italic, and bold.</font></b>"; 
     ]]> 
    </mx:Script> 

    <mx:TextArea width="400" height="60" color="0x323232"> 
     <mx:htmlText><![CDATA[This is <font color="#EE1122">HTML text</font> in a <b>TextArea control</b>. Use the <u>htmlText property</u> of the <font color="#22A050">TextArea control</font> to include basic HTML markup in your text.]]></mx:htmlText> 
    </mx:TextArea> 

    <mx:TextArea width="100%" height="60" color="blue" fontStyle="italic" fontSize="14" htmlText="{_htmlText}" 
       editable="false" selectable="false"/> 

</mx:Application>

来源

2012-04-20 07:52:54 remixabhi

尝试在textarea控件中显示HTML文本

回答

相关问题