// forked from tkinjo's TextField で CSS 適用済み HTML を表示する package { /** * HTML タグに関してはあえて対応していないタグを使用（もちろん推奨されません）。 * id 属性は使用できないっぽい？ * * Flash Player で対応している HTML タグ一覧 * http://livedocs.adobe.com/flex/3_jp/langref/flash/text/TextField.html#htmlText * * Flash Player で対応している CSS プロパティ一覧 * http://livedocs.adobe.com/flex/3_jp/langref/flash/text/StyleSheet.html */ import flash.display.Loader; import flash.display.Sprite; import flash.events.Event; import flash.net.URLLoader; import flash.net.URLRequest; import flash.text.StyleSheet; import flash.text.TextField; [SWF(width="465", height="465", frameRate="60", backgroundColor="0xffffff")] /** * ... * @author tkinjo */ public class Main extends Sprite { /** * */ public function Main() { var htmlTextField:TextField = new TextField(); htmlTextField.width = stage.stageWidth; htmlTextField.height = stage.stageHeight; htmlTextField.multiline = true; //フィールドが複数行テキストフィールドであるかどうかを示します。 htmlTextField.condenseWhite = true; //HTML テキストが含まれるテキストフィールド内の余分な空白（スペース、改行など）を削除するかどうかを指定するブール値です。 addChild( htmlTextField ); //var htmlLoader:URLLoader = new URLLoader(); //htmlLoader.addEventListener( Event.COMPLETE, function( event:Event ):void { // //htmlTextField.htmlText = htmlLoader.data; //} ); // //var cssLoader:URLLoader = new URLLoader(); //cssLoader.addEventListener( Event.COMPLETE, function( event:Event ):void { var styleSheet:StyleSheet = new StyleSheet(); //styleSheet.parseCSS( cssLoader.data ); styleSheet.parseCSS( cssText ); htmlTextField.styleSheet = styleSheet; // スタイルシート読み込み後にテキストフィールドのテキストを設定しなければスタイルシートは設定されない。 //htmlLoader.load( new URLRequest( "assets/news.html" ) ); //} ); //cssLoader.load( new URLRequest( "assets/style.css" ) ); htmlTextField.htmlText = htmlText; } private const cssText:String = 'h3,ul{font-family:"メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,_sans";font-size:20pt;}.arial{font-family:"Arial,Helvetica,_sans";}.times{font-family:"Times,Times New Roman,_serif";}.comic{font-family:"Comic Sans MS,_fancy";}'; private const htmlText:String = '<h3>Textfield with CSS</h3><ul><li class="arial">This is Arial.</li><li class="times">This is Times.</li><li class="comic">This is Comic Sans.</li><ul>'; } }