Ajouter

Créer un lien hypertexte (LinkElement) dans un composant Spark RichEditableText

L'exemple suivant vous montre comment ajouter un lien HyperTexte dans un composant Spark RichEditableText en utilisant le composant Spark s:a .

Composants mis en avant : s:TextFlow – s:p – s:a

Attention : vous devez impérativement disposer du SDK 4.0.0.10007 ou supérieur.

 MXML | 
 Copier le code
 
<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.flash-builder-tutorial.fr/2009/09/12/linkelement-component-spark-richeditabletext-flex4 -->
<s:Application name="Spark_RichEditableText_textFlow_LinkElement_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.elements.LinkElement;
            import flashx.textLayout.events.FlowElementMouseEvent;
            import mx.controls.Alert;
 
            protected function linkelement1_clickHandler(evt:FlowElementMouseEvent):void {
                var linkEl:LinkElement = evt.flowElement as LinkElement;
                Alert.show("Le '" + linkEl.getFirstLeaf().text + "' sur lequel vous avez cliqué renvoi à " + linkEl.href + " en target " + linkEl.target + ", mais a été désactivé pour l'exemple.", "Information");
                evt.stopImmediatePropagation();
                evt.preventDefault();
            }
        ]]>
    </fx:Script>
 
    <s:RichEditableText id="richEdTxt"
            editable="false"
            focusEnabled="false"
            horizontalCenter="0" verticalCenter="0">
        <s:textFlow>
            <s:TextFlow>
                <s:p>Création d'un <s:a href="http://www.flash-builder-tutorial.com/" target="_blank" click="linkelement1_clickHandler(event);">lien HyperTexte</s:a> dans un RichEditableText.</s:p>
            </s:TextFlow>
        </s:textFlow>
    </s:RichEditableText>
 
</s:Application>

Rendu final (nécessite Flash Player 10) :

Télécharger la source de l'exemple

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

1. Afficher du texte HTML formaté dans un composant Spark RichText dans Flash Builder 4 / Flex Gumbo
2. Définir les fins de tabulation (Tab Stops) dans un composant Spark TextArea dans Flash Builder 4 / Flex Gumbo
3. Afficher des Images dans un composant Spark List
4. Activation de la Tabulation dans un composant Spark Scroller
5. Effet d'AutoScrolling sur un composant Spark TextArea
6. Ajouter un Style CSS aux différents états d'un composant Spark Button
7. Définir le BackGroundResize d'un composant Spark Border dans Flex 4
8. Définir un Style sur une Tooltip à partir d'un Composant Spark – Flex 4
9. Définir le « Corner Radius » d'un composant « Border » Spark