htmlText的常用方法

1.TextField的htmlText属性自带的标签：

a.<a> = anchor 标签创建超文本连接，支持以下属性。

href,event,target

。tf.htmlText = '<u><a href = "http://www.google.com.hk" target = "_blank"> 单击访问谷歌中国 </a></u>'; // 连接要加http://前缀，表示绝对引用。

。event配合textevent使用：

tf.htmlText = '<u><a href = "event:file">单击输出内容</a></u>';

addEventListener(TextEvent.LINK,onLink);

function onLink(e:TextEvent):void

{

trace(e.text);

}

b.<b>标签 = bold。设置字体为粗体，当前前提是该字体支持粗体。

c.<br>标签 = break。设置换行，一般直接用<br/>。前提是支持换行，设置multiline = true;

d.<font>标签。设置color，face(字体),size

e.<li> = list,设置列表

var txt:TextField = new TextField();

txt.multiline = true;

txt.htmlText = "Here is a list of items:<br/><li>-Item 1</li><li>Item 2</li><li>Item 3</li>";

addChild(txt);

*f.<p>创建一个段落标签。设置align和class（使用StyleSheet设置）Paragraph ：即可以设置段落，排版

// 将样式设置到style中，然后再复制给p标签，这样应用了<p>标签后能直接应用

// 另一种是直接写在标签中<color = "#0xFFFFFF",size = ...

var style:StyleSheet = new StyleSheet();

var p:Object = new Object();

p.fontStyle = "italic";

p.fontWeight = "bold";

p.color = "#FF0000";

style.setStyle(".heading", heading);

style.setStyle("p", p);

var txt:TextField = new TextField();

txt.styleSheet = style;

txt.width = 400;

txt.htmlText = "<p align='center' >Hello World</p>";

addChild(txt);

//

// 总之，简单些的直接用<font color = ,size = ,face = > </font>,复杂些需要排版的用<p>标签+ StyleSheet

StyleSheet的高级点的用法

var style:StyleSheet = new StyleSheet();

var link:Object = new Object();

link.fontWeight = "bold";

link.color = "#FF0000";

var hover:Object = new Object();

hover.fontStyle = "italic";

var active:Object = new Object();

active.fontStyle = "italic";

active.color = "#FFFF00";

style.setStyle("a:link", link);

style.setStyle("a:hover", hover);

style.setStyle("a:active", active);

var txt:TextField = new TextField();

txt.width = 400;

txt.styleSheet = style;

txt.htmlText = "Visit: <a href='www.google.com' target='_blank'>Google.com</a> or call a <a href='event:link1'>function</a>";

txt.addEventListener(TextEvent.LINK, linkHandler);

addChild(txt);

function linkHandler(event:TextEvent):void {

if(event.text == "link1") {

trace("hello!");

}

}

分别设置三个状态下的文本格式，不同的显现

# http://blog.coursevector.com/notes-htmltext