4.12.使用RichTextEditor
4.12.1. 问题
我想要创建一个可以让用户输入富文本的组件,然后使用富文本创建的HTML。这个组件可以使用用户电脑上的所有字体。
4.12.2. 解决办法
创建一个RichTextEditor，然后从它的控制器里面读取htmlText 属性。设置定义在RichTextEditor 里的fontFamilyCombo 的dataProvider 来添加从Font.enumerateFonts 返回的所有结果。
4.12.3. 讨论
RichTextEditor 相当的方便，允许用户创建HTML 文本，通过使用htmlText 属性，就可以从编辑器将文本读出。RichTextEditor 包含了多个按钮来设置文本的粗体，斜体，或是下划线，一个ComboBox 用来设置字体，和一个ColorPicker 用来设置已选择的文字的颜色，这些都可以从RichTextEditor 中访问。下面的例子通过访问fontFamilyCombo ComboBox 来添加所有用户安装了的字体以便用户从中选择一个使用。
要访问用户创建的文本的所有属性，请使用RichTextEditor 的htmlText 属性。这个属性既可以获取也可以设置，因此如果你想在编辑器中使用HTML，简单地把一段正确的HTML 字符串赋给htmlText 属性就可以了。
我想要创建一个可以让用户输入富文本的组件,然后使用富文本创建的HTML。这个组件可以使用用户电脑上的所有字体。
4.12.2. 解决办法
创建一个RichTextEditor，然后从它的控制器里面读取htmlText 属性。设置定义在RichTextEditor 里的fontFamilyCombo 的dataProvider 来添加从Font.enumerateFonts 返回的所有结果。
4.12.3. 讨论
RichTextEditor 相当的方便，允许用户创建HTML 文本，通过使用htmlText 属性，就可以从编辑器将文本读出。RichTextEditor 包含了多个按钮来设置文本的粗体，斜体，或是下划线，一个ComboBox 用来设置字体，和一个ColorPicker 用来设置已选择的文字的颜色，这些都可以从RichTextEditor 中访问。下面的例子通过访问fontFamilyCombo ComboBox 来添加所有用户安装了的字体以便用户从中选择一个使用。
要访问用户创建的文本的所有属性，请使用RichTextEditor 的htmlText 属性。这个属性既可以获取也可以设置，因此如果你想在编辑器中使用HTML，简单地把一段正确的HTML 字符串赋给htmlText 属性就可以了。
+展开
-XML
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="900"
height="500"
creationComplete="addFonts()">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private function addFonts():void
{
var arr:Array = Font.enumerateFonts(true);
richText.fontFamilyCombo.labelField = 'fontName';
richText.fontFamilyCombo.dataProvider =
Font.enumerateFonts(true);
}
]]>
</mx:Script>
<mx:RichTextEditor id="richText" width="400" height="400"
change="trace(richText.htmlText+' '+richText.text)"/>
<mx:TextArea height="100%" width="400"
htmlText="{richText.htmlText}" x="410"/>
</mx:Canvas>
height="500"
creationComplete="addFonts()">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private function addFonts():void
{
var arr:Array = Font.enumerateFonts(true);
richText.fontFamilyCombo.labelField = 'fontName';
richText.fontFamilyCombo.dataProvider =
Font.enumerateFonts(true);
}
]]>
</mx:Script>
<mx:RichTextEditor id="richText" width="400" height="400"
change="trace(richText.htmlText+' '+richText.text)"/>
<mx:TextArea height="100%" width="400"
htmlText="{richText.htmlText}" x="410"/>
</mx:Canvas>
加支付宝好友偷能量挖...
