Hola, os planteo mi problema por si alguien seha encontrado con algo similar y me puede echar un cable.
Tengo que cargar en un campo de texto el contenido de un html externo aplicando los estilos definidos en un archivo css externo.
Revisando documentación y el libro de Action Script 3 de O'Reilly he probado lo siguiente, pero me aparece el texto sin aplicar los formatos:
Fichero "prueba.fla"
var htmlFile:URLLoader;
var cssStyles: StyleSheet;
var cssFile: URLLoader;
function loadCSS(){
cssFile= new URLLoader();
cssFile.addEventListener(Event.COMPLETE, onCSSLoaded, false, 0, true);
cssFile.addEventListener(IOErrorEvent.IO_ERROR, onIOErr, false, 0, true);
cssFile.load(new URLRequest("demo.css"));
}
loadCSS();
function onCSSLoaded (evt: Event): void {
cssStyles = new StyleSheet();
cssStyles.parseCSS(evt.target.data);
htmlFile = new URLLoader();
htmlFile.addEventListener(Event.COMPLETE, onHTMLLoaded, false, 0, true);
htmlFile.addEventListener(IOErrorEvent.IO_ERROR, onIOErr, false, 0, true);
htmlFile.load(new URLRequest("demo.html"));
}
function onHTMLLoaded (evt: Event): void {
var htmlData: String = evt.target.data;
var txtFld = new TextField();
//txtFld.embedFonts=true;
txtFld.width = 550;
txtFld.multiline = true;
txtFld.wordWrap = true;
txtFld.autoSize= TextFieldAutoSize.LEFT;
txtFld.selectable = false;
txtFld.styleSheet = cssStyles;
txtFld.htmlText = htmlData;
addChild(txtFld);
cssFile.removeEventListener(Event.COMPLETE, onCSSLoaded);
cssFile.removeEventListener(IOErrorEvent.IO_ERROR, onIOErr);
cssFile.removeEventListener(Event.COMPLETE, onHTMLLoaded);
cssFile.removeEventListener(IOErrorEvent.IO_ERROR, onIOErr);
}
function onIOErr (evt: IOErrorEvent ) : void {
trace ("Error " + evt.text);
}
Fichero "demo.css"
body {
font-family = Verdana;
margin-left:: 6px;
margin-right: 6px;
}
p{
text-indent:20px;
}
.heading {
font-size:18px;
font-weight:bold;
letter-spacing:1px;
color:#FF66033;
}
.subheading{
font-size:14px;
font-style:italic;
text-align:right;
}
Fichero "demo.html"
<body>
<span class = 'heading'> Uso de Estilos CSS </span><br/>
<span class = 'subheading'> Esto es un ejemplo básico </span><br/>
Lorem ipsum at has vidisse petentium, semper quodsi phaedrum eu mei, cu nam virtute splendide. No dicit accusam mel, paulo splendide disputando ad sed, tempor ceteros vivendum eum et. Ius ex esse vocibus torquatos, mundi iriure ex ius. Ad ius choro putent, no consul saperet vix, legimus legendos pericula nec eu. Cum ipsum ancillae invenire ad, graece atomorum expetenda per te, pro ne dicta singulis vulputate. Eos harum fastidii comprehensam ad, nominavi adipiscing mei at.
</body>
¿Alguien sabe qué esta sucediendo para que no se esten aplicando los estilos? Me aparece el texto, pero sin el tipo de fuente ni tamaño que indico...
Gracias de antemano.
