Versucht, die Anzeige von HTML-text in ein textarea-Steuerelement

Habe ich eine textArea-element, kann aber nicht meine Anzeige von HTML-Inhalten. Wenn ich nur die Anzeige normaler text funktioniert es oder wenn ich die textArea-element ein RichEditableText-element funktioniert es einwandfrei. Da dies für eine mobile app ich würde es vorziehen, verwenden Sie die textArea-element ist, wie empfohlen von Adobe.

Hier wird der MXML-code für die textArea. Alles was ich bekomme ist die Grenze und kein Inhalt angezeigt.

<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>

Jede mögliche Hilfe würde geschätzt.

cheers,

InformationsquelleAutor user1332657 | 2012-04-15
  1. 0
    <s:TextArea id="txt_ar"  textAlign="justify"
borderAlpha="0" editable="false">

    dann schreiben ur html-string

    textrichtml:String = "your html string"

    dann verwenden Sie folgenden code.

    txt_ar.textFlow = TextConverter.importToFlow(textrichtml,TextConverter.TEXT_FIELD_HTML_FORMAT);
    • Vielen Dank aber das funktioniert auch nicht. Nach einigen mehr Forschung, die ich habe laufen über einen post, der anzeigt, dass Adobe nicht unterstützt TLF mit einer textArea in der mobile-skin. Und dennoch empfiehlt Adobe die Verwendung der textArea anstelle der RichEditableText für mobile. Unbelieavable. [link]workflowflash.com/49235/...
    InformationsquelleAutor rejo
  2. 0

    In Flex 4.0 htmlText-Eigenschaft entfernt wird, TextArea, die Sie verwenden können content-Eigenschaft oder 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>

    Oder verwenden Sie die htmlText-Eigenschaft in TextArea

    <?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>
    InformationsquelleAutor remixabhi
Schreibe einen Kommentar