Ajouter

Afficher du texte HTML formaté dans un composant Spark RichText dans Flash Builder 4 / Flex Gumbo

Cet exemple vous montre comment définir un texte HTML dans un composant (component) Spark RichText dans Flex 4 Gumbo / Flash Builder 4 en effectuant une conversion de la chaine string HTML vers un objet TextFlow en utilisant la méthode (method) static TextConverter.importToFlow() et en définissant la propriété textFlow (textFlow property) du composant Flex 4 :

Mise en avant : TextConverter.importToFlow() – textFlow

Info : vous avez besoin de disposer du SDK Flex version 4 ou supérieur pour cet exemple.

Code source de l'application Flex 4 :

 MXML | 
 Copier le code
 
<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.flash-builder-tutorial.fr/2009/10/07//afficher-du-texte-html-formate-formatted-dans-un-composant-spark-richtext-dans-flash-builder-4-flex-gumbo/ -->
<s:Application name="Spark_RichText_textFlow_test"
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo" viewSourceURL="srcview/index.html">
 
 <fx:Script>
 <![CDATA[
 import flashx.textLayout.conversion.TextConverter;
 ]]>
 </fx:Script>
 
 <fx:Declarations>
 <fx:String id="htmlTextAsHTML"><![CDATA[<p><b>www.Flash-Builder-Tutorial.com</b> Flash Builder - Flex 4 Gumbo.</p>]]></fx:String>
 </fx:Declarations>
 
 <s:RichText id="richTxt"
 textFlow="{TextConverter.importToFlow(htmlTextAsHTML, TextConverter.HTML_FORMAT)}"
 horizontalCenter="0" verticalCenter="0" />
 
</s:Application>

Rendu final de l'application (nécessite Adobe Flash Player 10) :

 Télécharger la source de l'application Flash Builder

Source originale : Flex Examples

Autre(s) source(s) proche(s) de ce sujet :

1. Définir le padding d'un composant Spark NavigatorContent dans Flash Builder 4 / Flex Gumbo
2. Hauteurs variables de ligne (variable row heights) dans un composant Spark VGroup de Flash Builder 4 / Flex Gumbo
3. Gestion de la visibilité de la bordure d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
4. Afficher des images dans un composant Spark List en utilisant un item renderer (itemRenderer) personnalisé dans Flash Builder 4 / Flex Gumbo
5. Définir les fins de tabulation (Tab Stops) dans un composant Spark TextArea dans Flash Builder 4 / Flex Gumbo
6. Afficher des Images dans un composant Spark List
7. Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
8. Créer un Editeur de Texte dans Flash Builder 4 Beta
9. Effet d'AutoScrolling sur un composant Spark TextArea
10. Créer un lien hypertexte (LinkElement) dans un composant Spark RichEditableText