Zone de texte au format HTML/CSS

Afficher du texte au format HTML dans FLASH peut s'avérer pratique si l'on veut utiliser des feuilles de styles CSS pour la mise en page du texte.

Pour créer une zone de texte HTML, on crée un champ de texte dynamique, à qui on donne un nom d'occurrence (ex: zone_txt)

Ensuite, sur une image clé vide, on tape :

//Imports Flash
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
import flash.text.StyleSheet;

var pageHTML:String; //Création d'une variable pour stocker le texte au format HTML

//Insertion du code HTML dans la variable 'pageHTML'
pageHTML = "Titre de la page ";
pageHTML += "Texte d'introduction";
pageHTML += "Documents : <a href='docs/documents.pdf' target='blank'>Télécharger</a> ";

var CSSFile:URLRequest = new URLRequest("styles.css"); //URL de la feuille de style CSS

//Téléchargement de la feuille de style CSS
var loader:URLLoader = new URLLoader(); //Création du chargeur
//Lorsque la feuille de style est téléchargée à 100%, on exécute la fonction 'loadEnd'
loader.addEventListener(Event.COMPLETE, loadEnd);
loader.load(CSSFile); //Lancement du chargement

function loadEnd(e:Event):void
{
//Traitement des données de la feuille de style CSS
var stylesCSS:StyleSheet = new StyleSheet();
stylesCSS.parseCSS(loader.data);

zone_txt.styleSheet = stylesCSS; //Applique les style CSS à la zone de texte
zone_txt.htmlText = pageHTML; //Affiche le texte HTML dans la zone de texte
zone_txt.scrollH = 1; //Active le scrolling avec la molette de la souris
}

On notera la disparition de la possibilité d'attribuer une variable à un champ de texte dynamique. Maintenant, il faudra uniquement utiliser les noms d'occurrences.

ActionScript 2.0 (Flash 8)
Panneau de propriété sous Flash 8, en ActionScrit 2.0

Panneau de propriété sous Flash 8, en ActionScrit 2.0

ActionScript 3.0 (Flash 9)
Message d'erreur Flash 9, en ActionScript 3.0

Zone 'Variable' masquée sur Flash 9, en ActionScript 3.0