AS3文本处理：使用CSS格式化文本内容

一、在本文开始之前，我们先了解一下AS3中对html标签和css的支持情况：

1. AS3中支持的HTML 标签 ：

<p>, <b>, <a>, <font>, <img>, <i>, <li>, <p>, <span>, <u>, <textformat>;

这些标签中<textformat>比较特殊，是使用AS中 TextFormat 类的段落格式来设置样式，具体信息参见官方文档；

2. AS3中支持的css样式：

在AS中对css的支持是有限的，具体信息参照下表。另外AS中是以存储为 key/value 的对象来存储css属性的。

以上信息来自官方文档。

二、在AS中使用CSS：

AS中可以使用 Stylesheet 类将CSS样式添加到TextField文本框中的文本中，此时TextField的文本属性需要设置为htmlText;

StyleSheet 有两种方式来应用css样式：

1. 使用css文本，通过 StyleSheet 的 parseCSS 方法解析该css文本来应用CSS：

var cssTxt:String = 'p{font-family: 微软雅黑, Arial, sans-serif; font-size:12px;color:#666666;margin-right:20px;}';
var styleSheet:StyleSheet = new StyleSheet();
styleSheet.parseCSS(cssTxt);
var textField:TextField = new TextField();
textField.x = 315;
textField.y = 5;
textField.styleSheet = styleSheet;textField.htmlText = "<p>这里是通过htmlText属性设置的文本内容啊</p>";
addChild(textField);

tips：在上述方法中，如果font-family的值被单引号包围，则font-family无效:

var cssTxt:String = "p{font-family:'微软雅黑, Arial, sans-serif'; font-size:12px;color:#666666;margin-right:20px;}";

改成 双引号 或 去掉引号 则可以，不知道这算一个bug么？！！

var cssTxt:String = 'p{font-family:"微软雅黑, Arial, sans-serif"; font-size:12px;color:#666666;margin-right:20px;}';

或：

var cssTxt:String = "p{font-family:微软雅黑, Arial, sans-serif; font-size:12px;color:#666666;margin-right:20px;}";

2.使用通过 StyleSheet 的 setStyle 方法应用CSS：

var pStyle:Object = {"fontFamily":"微软雅黑, Arial, Helvetica, sans-serif", "fontSize":12, "color":"#666666"};
var styleSheet:StyleSheet = new StyleSheet();
styleSheet.setStyle("p", pStyle);

var textField:TextField = new TextField();
textField.x = 10;
textField.y = 10;
textField.styleSheet = styleSheet;
textField.htmlText = "<p>这里是通过htmlText属性设置的文本内容啊</p>";
addChild(textField);

此处查看该文demo，该demo的源文件